/* --------------------------------------------------------
  ZibTips default styles
  By: Zerin Design, LLC 
  Rev: 07 July 07
---------------------------------------------------------*/
/* generic styles
---------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
  font: 10pt  Arial,Verdana, Sans-serif;
  background: #a5c0c7 url('../images/bg-main.png') top center repeat-y;
  color: #666;
}
img{
  border: 0;
}
a{
  color: #74b424;
}
  a:hover{
    text-decoration: none;
  }
.form-controls{
	border: 1px;
	padding: 1px;
	margin: 0 12px 0 8px;
	width: 160px !important;
	width: 155px;
	color: #666;
	font-size: 1em;
}
  
/* clearfix - fixes elements with floated items
---------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* container - holds all of the content
---------------------------------------------------------*/
#container{
  width: 947px;
  margin: 0 auto;
}

/* header  |  logo, sub-nav and search
---------------------------------------------------------*/
#header{
  margin: 20px 20px 9px 20px;  
}
  #header img{
    float: left;
  }
  /* header navigation */
  ul#header-nav
{
	border-style: inset;
	border-width: 1px;
	border-color: inherit;
	list-style: none;
	font-size: .85em;
	float: right;
	margin: 27px 84px 7px;
}
    ul#header-nav li{
      float: left;
      border-right: 1px solid #ccc;
    }
    ul#header-nav li.last{
      border: none;
      padding-right: 0;
    }
    ul#header-nav a{
      color: #999;
      text-decoration: none;
      padding: 3px 12px;
    }
      ul#header-nav a:hover{
        color: #437482;
        text-decoration: underline;
      }
    ul#header-nav a.current{
      color: #76b626;
      text-decoration: none;
    }
      ul#header-nav a:hover.current{
        color: #76b626;
        text-decoration: underline;
      }
  /* search tool */
  #header #search{
    float: right;
    background: transparent url('../images/search_box.png') top left no-repeat;
    width: 238px;
    height: 17px;
    padding: 12px;
    color: #fff;
    font-size: .9em;
  }
    #header #search #search-field,
    #header #search #WTxtBxSearch{
      border: none;
      padding: 1px;
      margin: 0 12px 0 8px;
      width: 160px !important;
      width: 155px;
      color: #666;
      font-size: 1em;
    }
    #header #search #btn-search{
      background-image: url('../images/btn-search.png');
      width: 11px;
      height: 16px;
      display: block;
    }
      #header #search label,
      #header #search input,
      #header #search a{
        float: left;
      }
  
/* random webinars
---------------------------------------------------------*/
#random-webinars{
  background-image: url('../images/bg-random-zibtips.png');
  width: 944px;
  height: 250px;
}
 #random-webinars a{
    color: #333;
    text-decoration: none;
  }
  #random-webinars p{
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #random-webinars #previous-webinar,
  #random-webinars #next-webinar{
    width: 29px;
    height: 29px;
    margin: 110px 20px 0;
    cursor: pointer;
  }
  .previous-webinar{    
    float: left;
    width: 29px;
    height: 29px;
    margin: 110px 20px 0;
    cursor: pointer;
  }
  .next-webinar{
    width: 29px;
    height: 29px;
    margin: 110px 20px 0;
    cursor: pointer;
    float: right;
  }
  #random-webinars #random-images{
    position: relative;
      left: 20px;
  }
  #random-webinars #random-images img{
    float: left;
    margin: 40px 10px 0 !important;
    margin: 40px 12px 0;
  }
  #random-webinars #random-images .webinar_image a{
      background-color: #fff;
      float: left;
      margin: 40px 10px 0;
      padding: 10px;
      width: 150px;
    }
    #random-webinars #random-images .reflection{
      background: transparent url(../images/random_webinar_reflection.png) top left repeat-x;
      width: 170px;
      height: 49px;
      margin-top: 1px;
      position: relative;
        top: 210px;
    }
/* main
---------------------------------------------------------*/
#main{
  margin: 12px 0;
  clear:both;
}

/* left-side
---------------------------------------------------------*/
#left-side{
  width: 230px;
  float: left;
  margin-right: 12px;
}

/* content
---------------------------------------------------------*/
#content{
  float: left;
  width: 524px;
}
#content-2column{
  float: right;
  width: 700px !important;
  width: 690px;
}
  #content h1,
  #content-2column h1{
    font-family: Georgia, Times, Serif;
    color: #74b424;
    margin:0 0 20px;
    padding: 0 0 5px 0;
    width: 100%;
    border-bottom: 1px dashed #74b424;
  }
  .content-comments {
  	margin: 10px 0 0 0;
  	padding: 9px 0 0 0;
  	border-top: 1px dashed #74b424;	
  }

/* right-side
---------------------------------------------------------*/
#right-side{  
  width: 165px;
  float: right;
  margin: 0 0 12px 12px;
}
.icon-img
{
	margin-left: 15px;
	margin-top:0px;
	padding-top:0px;
	border-right: #838383 1px solid;
	border-top: #838383 1px solid;
	border-left: #838383 1px solid;
	border-bottom: #838383 1px solid;
	
}
/* gray and green navigation boxes
---------------------------------------------------------*/
/* shared styles */
.nav-gray, 
.nav-green{
  width: 100%;
  margin-bottom: 12px;
  font-size: .9em;
}
  .nav-gray ul,
  .nav-green ul,
  .nav-green a{
    list-style: none;
    margin: 0 15px;
    padding: 0;
  }
    .nav-gray ul li,
    .nav-green ul li{
    }
      /* 2nd tier navigation */
      .nav-gray ul ul,
      .nav-green ul ul{
        margin: 0 0 0 15px;
        padding: 0;
        display: none;
      }
.nav-gray a, 
.nav-green a{
  text-decoration: none;
  padding: 8px 0;
  display: block;
}
  .nav-gray ul a:hover ul, 
  .nav-green ul a:hover ul{
    display: block;
  }
/* nav-gray */
.nav-gray{
  background-color: #f6f6f6;
  border: 1px solid #e1e0e0;
}
  .nav-gray .heading{
    background: #d1d1d1 url('../images/bg-navbox-gray-right.png') top right no-repeat;
    margin: -1px -1px 10px -1px; /* aligns correctly with the border for nav-green*/
  }
    .nav-gray .heading span{
      background: transparent url('../images/bg-navbox-gray-left.png') top left no-repeat;
      display: block;
      padding: 12px 0 10px 0;
    }
      .nav-gray .heading img{
        margin: 0 auto;
        display: block;
      }
  .nav-gray .footer{
    background: transparent url('../images/bg-lined-graybox-corner-bl.png') bottom left no-repeat;
    height: 10px;
    margin: 0 -1px -1px -1px;
  }
    .nav-gray .footer div{
      background: #ccc url('../images/bg-lined-graybox-corner-br.png') bottom right no-repeat;
      width: 9px;
      height: 10px;
      float: right;
    }
  .nav-gray ul li{
    border-bottom: 1px dashed #ccc;
  }
  .nav-gray ul li.last{
    border-bottom: none;
  }
  .nav-gray a{
    color: #999;
  }
    .nav-gray a:hover{
      color: #666;
      padding-left: 20px;
      background: transparent url('../images/current-star-gray.png') center left no-repeat;
    }
  .nav-gray a.current{
    font-weight: bold;
    padding-left: 20px;
    background: transparent url('../images/current-star-gray.png') center left no-repeat;
  }
/* nav-green */
.nav-topic{
	font-size: 1.2em;
}
.nav-green{
  background-color: #e4f3d1;
  border: 1px solid #72b223;
}
  .nav-green .heading{
    background: #72b122 url('../images/bg-navbox-green-right.png') top right no-repeat;   
    margin: -1px -1px 10px -1px !important; /* aligns correctly with the border for nav-green*/
  }
    .nav-green .heading span{
      background: transparent url('../images/bg-navbox-green-left.png') top left no-repeat;
      display: block;
      padding: 12px 0 10px 0;
    }
      .nav-green .heading img{
        margin: 0 auto;
        display: block;
      }
  .nav-green .footer{
    background: transparent url('../images/bg-lined-greenbox-corner-bl.png') bottom left no-repeat;
    height: 10px;
    margin: 0 -1px -1px -1px;
  }
    .nav-green .footer div{
      background: transparent url('../images/bg-lined-greenbox-corner-br.png') bottom right no-repeat;
      width: 9px;
      height: 10px;
      float: right;
      border: none;
    }
  .nav-green ul li.last,
  #MyAccordion div,
  .nav-green .last{
    border-bottom: none;
  }
  .nav-green div div{
    border-bottom: 1px dashed #72b122;
  }
  .nav-green div div div{
    border-bottom: none;
  }
  .nav-green div ul li{
    border-bottom: 1px dashed #72b122;
  }
  .nav-green a{
    color: #72b122;
  }
    .nav-green a:hover{
      color: #4d8417;
      padding-left: 20px;
      background: transparent url('../images/current-star-gray.png') center left no-repeat;
    }
  .nav-green a.current
  {	
    font-weight: bold;
    padding-left: 20px;
    background: transparent url('../images/current-star-gray.png') center left no-repeat;
  }
  
/* lined content box
---------------------------------------------------------*/
.lined-content-box{
  background-color: #f6f6f6;
  border: 1px solid #e1e0e0;
  padding: 10px;
  margin-bottom: 10px;
}
  .lined-content-box .top{
    background: transparent url('../images/bg-lined-graybox-corner-tl.png') top left no-repeat;
    height: 10px;
    margin: -11px -11px 0 -11px;
  }
    .lined-content-box .top div{
      background: transparent url('../images/bg-lined-graybox-corner-tr.png') top right no-repeat;
      width: 9px;
      height: 10px;
      float: right;
    }
  .lined-content-box .bottom{
    background: transparent url('../images/bg-lined-graybox-corner-bl.png') bottom left no-repeat;
    height: 10px;
    margin: 0 -11px -11px -11px;
  }
    .lined-content-box .bottom div{
      background: transparent url('../images/bg-lined-graybox-corner-br.png') bottom right no-repeat;
      width: 9px;
      height: 10px;
      float: right;
    }
  .lined-content-box h1{
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    color: #437482;
  }
  .lined-content-box h2{
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    color: #6aaabb;
  }
  .lined-content-box h3{
    margin: 50px 0 0;
    padding: 0;
    font-size: 1em;
    color: #74b424;
  }
  .lined-content-box p{
    font-size: .9em;
    color: #838383;
    line-height: 1.4em;
    text-align: justify;
    font: 10pt  Arial, Sans-serif;
  }
  .lined-content-box img{
    display: block;
    margin: 10px auto;
  }
  

/* solid content box | no-color content box
---------------------------------------------------------*/
.solid-content-box{
  background-color: #dedddd;
  padding: 20px;
  margin-bottom: 8px;
  clear: both;
}
.nocolor-content-box{
  padding: 20px 20px 0 20px;
  margin-bottom: 28px;
  clear: both;
}
  .solid-content-box .top{
    background: transparent url('../images/bg-graybox-corner-tl.png') top left no-repeat;
    height: 10px;
    margin: -20px -20px 10px -20px;
  }
    .solid-content-box .top div{
      background: transparent url('../images/bg-graybox-corner-tr.png') top right no-repeat;
      width: 9px;
      height: 10px;
      float: right;
    }
  .solid-content-box .bottom{
    background: transparent url('../images/bg-graybox-corner-bl.png') bottom left no-repeat;
    height: 10px;
    margin: 10px -20px -20px -20px;
    clear: both;
  }
    .solid-content-box .bottom div{
      background: transparent url('../images/bg-graybox-corner-br.png') bottom right no-repeat;
      width: 9px;
      height: 10px;
      float: right;
    }
  .solid-content-box a,
  .nocolor-content-box a{
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    color: #437482;
  }
  .solid-content-box h2,
  .nocolor-content-box h2{
    margin: 0;
    padding: 0;
    font-size: .85em;
    color: #6aaabb;
  }
    .solid-content-box h2 a,
    .nocolor-content-box h2 a{
      color: #6aaabb;
    }
  .solid-content-box h3,
  .nocolor-content-box h3{
    margin: 50px 0 0;
    padding: 0;
    font-size: 1em;
    color: #74b424;
  }
  .solid-content-box p,
  .nocolor-content-box p{
    font-size: .9em;
    color: #838383;
    line-height: 1.4em;
    text-align: justify;
    margin-bottom: 0px;
  }
  /* left side */
  .solid-content-box .left,
  .nocolor-content-box .left{
    float: left;
    width: 125px;
    height: 100px;
    background-color: #333;
    margin-right: 15px;
  }
  /* right side */
  .solid-content-box .right,
  .nocolor-content-box .right{
    float: left;
    width: 360px;
  }

/* breadcrumbs
---------------------------------------------------------*/
.breadcrumb{
  font-size: .8em;
  color: #bababa;
  clear: both;
}
  .breadcrumb a
{
	color: #838383;
	text-decoration: none;
	margin: 0 5px;
}
    .breadcrumb a:hover{
      color: #74b424;
    }
    
.breadcrumb-home-Ad
{
	 font-family: Verdana, Arial;
	 color: #44707F;
	 font-weight: 600;
	 font-size: .45em;
	 float:right;
	 margin-bottom:5px;	 	 
	
}
  .breadcrumb-home-Ad a
  {
	color: #44707F;
	text-decoration: underline;
  }
  .breadcrumb-home-Ad a:hover
  {
	text-decoration:underline;
  }

/* pagination
---------------------------------------------------------*/
#pagination{
  clear:both;
  margin: 20px 0 20px;
  padding-top: 10px;
  text-align: center;
  border-top: 1px dashed #74b424;
}

/* contact form
---------------------------------------------------------*/
#contact{
  font-size: 1.4em;
}
#contact input,
#contact select{
  border: 1px solid #999;
  padding: 2px;
  margin-top: 2px;
  width: 300px;
  color: #333;
}
#contact select{
  padding: 0;
}
#contact textarea{
  border: 1px solid #999;
  width: 600px;
  height: 200px;
  padding: 2px;
  color: #333;
  font: 1em Verdana;
}
#contact #submit{
  background-color: #74b424;
  color: #fff;
  padding: 8px 15px;
  border: none;
  width: auto;
  cursor: pointer;
  
}
/* comments
---------------------------------------------------------*/
#comments{}
  #comments h1{
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #comments .comment_count{
    margin: 5px 0 15px;
    font-size: .8em;
  }
    #comments .comment_count span{
      float: left;
    }
    #comments .comment_count a{
      float: right;
    }
#comment_box{
  background-color: #e4f3d1;
  border: 1px solid #72b223;
  padding: 15px;
}
  #comment_box label{
    color: #72b223;
  }
  #comment_box p input,
  #comment_box p textarea{
    color: #72b223;
    border: 1px solid #72b223;
    padding: 3px;
  }
  #comment_box p textarea{
    width: 98.5%;
    height: 150px;
    font-family: Verdana;
    font-size: 1em;
  }
  #comment_box #submit{
    color: #fff;
    float: right;
    background-color: #72b223;
    border: 0;
    padding: 6px 9px;
    cursor: pointer;
  }
#comments .comment{
  margin-bottom: 10px;
}
  #comments .comment .header{
    background-color: #e4f3d1;
    border-top: 1px solid #72b223;
    border-bottom: 1px solid #72b223;
    padding: 10px;
  }
  #comments .comment .header .name{
    font-weight: bold;
    color: #72b223;
  }
    #comments .comment .header .name span,
    #comments .comment .header .time{
      font-weight: normal;
      color: #333;
      font-size: .8em;
    }
  #comments .comment p{
    margin: 8px;
    font-size: .85em;
  }
  #comments .comment .footer{
    color: #72b223;
    font-size: .8em;
    float: right;
  }
  .commentsSubmit
  {
	color: #fff;
    float: right;
    background-color: #72b223;
    border: 0;
    padding: 6px 9px;
    cursor: pointer;
  }
/* footer
---------------------------------------------------------*/
#footer{
  font-size: .85em;
  border-top: 1px solid #ccc;
  padding: 10px 20px;
  color: #999;
  clear: both;
}
  #footer .left{
    float: left;
  }
  #footer .right{
    float: right;
  }
  #footer ul{
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
  }
    #footer ul li{
      float: left;
      border-right: 1px solid #ccc;
      margin: 0;
      padding: 0;
    }
    #footer ul li.last{
      border: none;
      padding-right: 0;
    }
    #footer ul a.first{
      padding-left: 0;
    }
    #footer ul a{
      color: #999;
      text-decoration: none;
      padding: 3px 8px;
    }
      #footer ul a:hover{
        color: #437482;
        text-decoration: underline;
      }
    #footer ul a.current{
      color: #76b626;
      text-decoration: none;
    }
      #footer ul a:hover.current{
        color: #76b626;
        text-decoration: underline;
      }
      
/* suggestions
---------------------------------------------------------*/
.suggestionsTable{
	border: solid 1px #72b223;
	background-color: #e4f3d1;
	font-size: 10pt;
	width: 120%;
	color: #666;
}
.suggestionsTr{}
.suggestionsTd{
  background-color:#e4f3d1;
  border-bottom:1px dashed #72b223;
  margin-bottom: -1px;
  padding-bottom: 1px;
  font-size: 1em;
  color: #74b424;
	font-weight: bold;
}
.titleTr, .titleTd{}
.commentsTr, .commentsTd{		
	font-weight:normal;
	font-size:small;
	padding-left:10px;
	font-size: .85em;
	color: #666;
}
.suggestionsHilightedTr{
	background-color: #72b223;
	font-weight: bold;
	color: #fff;
	font-family: Verdana, Arial, Sans-serif;
	cursor: pointer;
}
.suggestionsHilightedTr .commentsTd{
	color: #fff;
}
.hilighted{
	background-color: #72b223;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/* modal windows
--------------------------------------------------------*/
.modalBg{
	background-color: #000;
	opacity: 0.7;
	-moz-opacity: 0.7;
 filter:alpha(opacity=70);
}
.modal-container{
}
  .modal-container h1{
    font-size: 1.5em;
    color: #addc6c;
    margin: 0 0 10px;
  }
  .modal-container .tl,
  .modal-container .tr,
  .modal-container .bl,
  .modal-container .br{
    width: 8px;
    height: 8px;
    display: block;
    font-size: 1%;
  }
  .modal-container .top{
    width: 100%;
  }
    .modal-container .top .tl{
      background: transparent url('../Images/corner-gray-lined-tl.png') top left no-repeat !important;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/corner-gray-lined-tl.png', sizingMethod='scale');
      float: left;
      margin: -1px 0 0 -8px !important;
      background-color: red;
    }
    .modal-container .top .tc{
      background-color: #fff;
      float: left;
      border-top: 1px solid #ccc;
      margin: 0 8px !important;
      margin: 0 4px;
      height: 7px;
    }
    .modal-container .top .tr{
      background: transparent url('../Images/corner-gray-lined-tr.png') top right no-repeat !important;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/corner-gray-lined-tr.png', sizingMethod='scale');
      float: right;
      margin: -1px -8px 0 0;
    }
  .modal-container .bottom{
    width: 100%;
    clear: both;
  }
    .modal-container .bottom .bl{
      background: transparent url('../Images/corner-gray-lined-bl.png') bottom left no-repeat !important;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/corner-gray-lined-bl.png', sizingMethod='scale');
      float: left;
      margin: 0 0 -1px -8px !important;
    }
    .modal-container .bottom .bc{
      background-color: #fff;
      float: left;
      border-bottom: 1px solid #ccc;
      margin: 0 8px !important;
      margin: 0 4px;
      height: 7px;
    }
    .modal-container .bottom .br{
      background: transparent url('../Images/corner-gray-lined-br.png') bottom right no-repeat !important;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/corner-gray-lined-br.png', sizingMethod='scale');
      float: right;
      margin: 0 -8px -1px 0;
    }
  .modal-container .content{
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    clear: both;
    padding: 15px 20px;
    margin: 0 !important;
    margin: 0 -8px 0 0;
  }
/* author info
--------------------------------------------------------*/
.author-close{
  color: #fff;
  float:left;
  background-color: #72b223;
  border: 0;
  padding: 6px 4px;
  cursor: pointer;
}
.author-info{
  width: 600px;
  margin: 0 auto;
}
  .author-info h1{
    margin: 0;
    font: 1.5em Georgia, Times, Serif;
    color: #74b424;
  }
  .author-info p{
    margin-top: 0px;
  }
  .author-info .left-side{
    float: left;
    width: 200px;
  }
    .author-info .left-side img{
      background-color :#fff;
      padding: 10px;
      border: 1px solid #ccc;
      margin: 0 0 15px;
    }
  .author-info .right-side{
    float: right;
    width: 340px;
  }
  
/* misc
--------------------------------------------------------*/
#lblMaintitle{
  font-size: .8em;
  font-weight: normal;
}
.imgSocialAppNext{
margin-left:45px;
margin-bottom:57px;	
}
.imgSocialAppPrev{
	margin-right:35px;
	margin-bottom:57px;
}


/* sitemap
--------------------------------------------------------*/
.sitemap{
  font-size: 1.1em;
  line-height: 1.75em;
}
.sitemap span.none, 
.sitemap span.vert, 
.sitemap span.last, 
.sitemap span.midd {
  background:transparent 0px 0px no-repeat;
  width: 24px;
  height: 18px;
  display: block;
  float: left;
  margin-left: 1em;
}
.sitemap span.vert {
  background-image: url(../images/map_vert.png);
}
.sitemap span.last {
  background-image: url(../images/map_last.png);
}
.sitemap span.midd {
  background-image: url(../images/map_midd.png);
}

.sitemap ul, 
.sitemap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}