/**IGG MAIN STYLESHEET*/

html{
    margin:0;
    padding:0;
    text-align:center;
    width: 101%;
}

body {
    background-color: #ffffff;
    padding:0px;
    text-align: left;
    margin: 0;
    background: transparent url(/home_images/main_bg_grad.jpg) repeat-x 0 0 ;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    outline: none;
}
.p {
    margin:0px;
    padding:0px;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: top;
}

h2 {margin-top: 0px; line-height: 18px;}

#mainPageLftCol h2{text-align: left;}

p, h4,
#howItWorks h2 span {
    padding-top:0px;
    margin-top:0px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
}

.tubies {
    font-size: 12px;
}

img {
    border:0px;
}

.AbsWrap {
    width: 100%;
    position: relative;
}
.rowWrap {
    width: 100%;
}
.clearfloat,
.clear-float {
    clear:both;
    height:0px;
}
a:link, a:visited{
    color:#000;
    text-decoration:inherit;
}

a:hover, a:active, .hover{
    color:#003fff;
    text-decoration:inherit;
}

li {margin:0; padding: 0; list-style-type:none; margin-bottom: 16px;}

ul {margin:0; padding:0;}

ul.subList{ 
    margin:0 0 18px 0;
}

ul.subList li   { 
    margin: 0 0 0 0px;
}

span.green {color: #009800;}

span.blue {color: #003fff; font-weight: bold;}
    
#main {
    position:relative;
    width:1230px;
    height: 136px;
    margin: 0;
    border: 0px solid #f0f0f0;
    background: transparent url(/home_images/frog_top_bg.jpg) no-repeat 0 0 ;
}

#header {
    position: relative;
    margin-left:0px;
    margin-top:0px;
    width:1230px;
    height:136px;
    margin-bottom:0px;
    float:left;
    display:inline;
}

#header h1, #header h2, #cornerStuff h3, #chPage #colwrap1 h3 span:first-child, #chPage #colwrap1.pageMedia h3 span, #colwrap1Bottom a span, #clickDirect h3, #clickDirectMore a span, #clickDirectBack a span, #impactOurWorld h3, #popularChannels ul li a span, #popularChannels h2, a#howToFeatureYourWebsite span,  a#letsTalkLinkGraphic span.noShow,
.noShow {
    position: absolute;
    margin-left: -99999px;
}

a#logo {
    width: 475px;
    height: 136px;
    margin-left: 305px;
    background: transparent url(/home_images/logo_bg.jpg) no-repeat 0px 0px ;
    display: block;
}

#intro img.floatRight{float:right; margin:25px 0 0 49px;}


  
/* !--------------BEGIN MAIN MENU----------- */

#mainMenu{
    position: absolute;
/*     left:685px; */
    left: 665px;
    top:45px;
    height: 24px;
    width: 600px
}

#mainMenu ul li{
    float:left;
    text-indent: 0; 
}

#mainMenu ul li a{
    padding-right: 23px;
    color: #9bc766;
    text-decoration: underline;
    font-size: 11px;
    display: inline-block;    
}

#mainMenu ul li a:hover{
    color: #94f02d;
}

#mainMenu a.button {
    position: relative;
    top: -10px;
    left: -8px;
    background: transparent url('/home_images/gr-top-menu-sprite.png') no-repeat 0 0;
    height: 39px;
    width: 40px;
    padding:0;
    margin-right: 10px;
    }
 
#mainMenu a.button:first-child {
    margin-left: 3px;
    } 
       
#mainMenu a.what {
    background-position:0 0; 
    }    

#mainMenu a.what:hover {
    background-position:0 -39px;
    }
    
#mainMenu a.love {
    background-position:0 -79px;
    }    

#mainMenu a.love:hover {
    background-position:0 -118px;
    }

#mainMenu a.facebook {
    background-position:0 -158px;
    }

/* !---------------NARROW YELLOW INFO BOX -------------- */


/* !---------------FOOTER -------------- */

#footer {
/*     position: relative; */
    margin: 0;
/*     padding: 0 0 50px 0; */
    width: 1238px;
    text-align: center;
}

#footer .finePrint {
    margin-left: 305px;
    margin: 44px 0 0 305px;
    width: 933px;
    text-align:center;
    color:#7b7b7b;
    
    }

.finePrint p{
    font-size:9px;
}
   
.finePrint a{
    text-decoration: underline;
}

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

#footerLinkButtons {}

a#footerLinkToSponsorPage {
    background: transparent url('/home_images/gr-sponsor-page-links.png') no-repeat 0px -3px;
    width:233px;
    height:28px;
    display: inline-block;
    }
    
a#footerLinkToSponsorPage:hover {
    background: transparent url('/home_images/gr-sponsor-page-links.png') no-repeat 0px -38px;
    }
    
a#footerLinkToWebInsPage {
    background: transparent url('/home_images/gr-sponsor-page-links.png') no-repeat -233px -3px;
    width:215px;
    height:28px;
    display: inline-block;
    }
    
a#footerLinkToWebInsPage:hover {
    background: transparent url('/home_images/gr-sponsor-page-links.png') no-repeat -233px -38px;
    }    

/* !--------------BEGIN CHANNEL MENU----------- */

.menuText {
    font-family: verdana;
    font-size: 11px;
    color: #000;
    text-decoration:none;
    /*text-shadow: 0 0 0  #FFF;*/
    font-weight:bold;
    text-align:center;
    line-height:18px;
    word-spacing:-2px;
    
}
.menuText2 {
    font-family: verdana;
    font-size: 11px;
    color: #000;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
    line-height:25px;
    word-spacing:-2px;
}

#channelMenu {
    position: absolute;
    left: 610px;
    top: 89px;
    width: 708px;
    height: 76px;
}   

#ctrBtn {
    position:absolute;
    left:298px;
    top:152px;
    width:40px;
    height:39px;
    background-repeat:no-repeat;
    cursor:pointer;
  z-index:1;
}

#homeBtn {
    position:absolute;
    left: 1px;
    top: -68px;
    width: 185px;
    height: 65px;
    cursor:pointer;
}

#navButtons {
    position: absolute;
    top:-45px;
    left:590px;
}

#seperator {
    position:absolute;
    left:27px;
    top:0px;
    width:5px;
    height:22px;
    background:url(temp_images/seperator.png) no-repeat 0 0;
    z-index:1;
}
#leftNav {
    position:absolute;
    left:14px;
    top:4px;
    z-index:2;
    width:10px;
    height:15px;
    background:url(temp_images/left.png) no-repeat 0 0;
    cursor:pointer;
}
#leftNav:Hover {
    background:url(temp_images/left_on.png) no-repeat 0 0;
}

#rightNav {
    position:absolute;
    left:35px;
    top:4px;
    width:10px;
    height:15px;
    background:url(temp_images/right.png) no-repeat 0 0;
    z-index:3;
        cursor:pointer;
}
#rightNav:Hover {
    background:url(temp_images/right_on.png) no-repeat 0 0;
}


/* !--------------CORNER STUFF----------- */
#colwrap0 {
    float:left;
    width:305px;
    background: transparent url(/home_images/frog_bottom_bg.jpg) no-repeat 0px 0px;
    min-height: 566px;
}

#colwrap0 {
    position: absolute;
    top: 136px;
    left: 0;
    width:305px;
    background: transparent url(/home_images/frog_bottom_bg.jpg) no-repeat 0px 0px;
    min-height: 566px;
}

#cornerStuff {
    margin-top:224px;   
    background: transparent url(/home_images/corner_stuff_bg.jpg) no-repeat 0px 0px;    
    height: 342px;
}

#cornerStuff div{
    padding: 37px 0px 0 60px;   
}

#cornerStuff a{
    width: 103px;
    margin: 0;  
    padding: 0;
}

#cornerStuff a.leftmargin{
    margin-right: 22px; 
}

/* !------------MAIN STRUCTURE------------ */

#mainContentContainer {
    position: relative;
    width: 933px;
    margin-left:305px;
    padding: 30px 0 20px 0;
    height: 543px;
}

#mainPageLftCol {
    float:left;
    width:635px;
    margin-top:0px;
    margin-right:16px;
    margin-left: 7px;
    border: 0px solid #f0f0f0;
    position: relative;
    padding-left: 79px;
}

#index #mainContentContainer,
#whatYouCanDo #mainContentContainer,
#love #mainContentContainer,
#how #mainContentContainer,
#labels #mainContentContainer,
#aboutUs #mainContentContainer,
#whyGoGreen #mainContentContainer,
#registration-1 #mainContentContainer {
    margin-left: 360px;
    width: 945px;
    }

#left-container {
    display:inline-block;
    float:left;
    position: relative;
    width: 555px;
    }
        
#index #intro {
    width: 390px;
    display: inline-block;
    float: left;
    margin-bottom: 8px;
    }

#index #right-container {
    position: relative;
    left: -4px;
    width: 390px;
    display: inline-block;
    float: left;
    background: transparent url('/home_images/gr-home-cloud-quote.png') no-repeat 0 20px;
    }
/*

#index #yellowInfoBox,
#love #yellowInfoBox {
    padding: 0px 0px 0 0px; 
    }
*/

#index #yellowInfoBoxContainer {
    margin-left: 31px;
    padding: 16px 18px 5px 18px;
    width: 245px;
    background: #fce661 url('/home_images/gr-home-whats-inside.png') no-repeat right 0;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px; 
    }
    
/* #index  */#yellowInfoBoxContainer p{
    font-size: 12px;
    }
    
/* #index */ #yellowInfoBoxContainer a {
    text-decoration: underline;
    }

/* #index */ #yellowInfoBoxContainer a:hover {
    color:#009800; 
    }

#right-container{
    width: 436px;
/*     float:right; */
    float: left;
    display: inline-block;
    }

/* !------------ HOME PAGE ------------ */


#index #intro h2 {
    border-left: 19px solid #f2d851;
    padding-left: 9px;
    }

#home-intro-buttons {
    width: 158px;
    display: inline-block;
    float:left;
    border: 0px solid #000;
    }

a#home-green-now, a#home-love-button{
    display: block;
    }

a#home-green-now{
    background: transparent url('/home_images/gr-home-one.jpg') no-repeat 0 -268px;
    width:150px;
    height:46px;
    margin-left: 10px;
    }
    
a#home-love-button {
    background: transparent url('/home_images/gr-home-one.jpg') no-repeat 0 0;
    width:161px;
    height:203px;
    margin-bottom: 17px;
    }
                
#why-we-are-different {
    clear:both;
    border-top: 2px solid #b7bdcd;
    border-bottom: 2px solid #b7bdcd;
    height:50px;
    padding: 16px 0 16px 10px;
    margin-bottom: 25px;
    }

a#different {
    display: inline-block;
    float: left;
    background: transparent url('/home_images/gr-home-one.jpg') no-repeat 0 -210px;
    height: 50px;
    width: 123px;
    }

#why-we-are-different ul {
    display: inline-block;
    }

#why-we-are-different ul.fourteenPoint {
    position: relative;
    top: -3px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    }

#why-we-are-different li {
    margin-bottom: 0px;
    font-weight: bold;
    }
     
#why-we-are-different li a:hover,
#why-we-are-different li a:hover span.iggGreenText,
#why-we-are-different li a:hover span.iggGreyText {
    color: #3e8b00!important;
    }
    
#different-img-one,
#different-img-two,
#different-img-three,
#different-img-four {
    background: transparent url('/home_images/gr-home-two.jpg') no-repeat 0 -6px;
    width: 63px;
    height: 54px;
    display: inline-block;
    float: left;
    margin-left: 8px;
    }
    
#different-img-two {
    background-position: -71px -6px;
    }

#different-img-three{
    background-position: 0px -66px;
    }
    
#different-img-four {
    background-position: -70px -66px;
    }

#inspirational-features {
    margin-left: 3px;
    clear:both;
    }

#inspirational-features h3 {
    color: #dc700e;
    margin-bottom: 5px;
    margin-top: 0px;
    }

#rollover-button {
    width: 181px;
    position: relative;
    top: -10px;
    display: inline-block;
    float: left;
    text-align: right;
    margin-left: 15px;
    }
       
#inspirational-features  #rollover-button a{
    display:block;
    margin-bottom: 4px;
    padding-right: 20px;
    color: #555;
    font-weight: bold;
    font-size: 11px;
    }

#inspirational-features  #rollover-button a:hover, #inspirational-features  #rollover-button a.activeSlide { 
    background: transparent url('/home_images/gr-arrow-amber.gif') no-repeat right 0px;
    color: #000;
    }
       
#inspirational-features #images {
    height: 109px;
    width: 341px;
    overflow:hidden;
    display: inline-block;
    float: left;
    margin-left: 8px;
    }

.show {
    display: block;
    }   

#quote-with-images {
    width: 175px;
    height: 115px;
    margin-bottom: 16px;
    position: relative;
    left: 115px;
    display: inline-block;
    background: transparent url('/home_images/gr-right-blue-quote.png') no-repeat right top;
    }

#quote-with-images img{
    width: 140px;
    height: 115px;
    }    

#gotoArrow {
    margin-left:0px;
    margin-top:0px;
    width:15px;
    height:33px;
    margin-bottom:0px;
    display:inline;
    float:none;
}

/* !---- LOVE ---- */

#love a.home-button {
    position: absolute;
    left: 15px;
    }
    
#love #intro h2 {
    border-left: 0px solid #f2d851;
    background: transparent url('/home_images/gr-love-cool-green.png') no-repeat 0 0;
    height:33px;
    width:509px;
    margin-bottom: 30px;
    }

#love-slideshow {
    width: 541px;
    height: 327px;
    }

#love-slideshow-pager {
    margin-bottom: 14px;
    width: 553px;
    background: transparent url('/home_images/gr-love-frog.png') no-repeat right 0;
    }

#love-slideshow-pager a {
    width: 71px;
    height: 78px;
    margin-right: 15px;
    display: inline-block;
    }

#love-slideshow-pager a.activeSlide {
    background: transparent url('/home_images/gr-love-red-arrow.png') no-repeat center bottom;
    }

#love #right-container {
    border-left: 1px solid #171717;
    width: 247px;
    min-height: 453px;
    margin-left:45px;
    margin-top:20px;
    position: relative;
    left: -4px;
    display: inline-block;
    float: left;
    padding-left: 30px;
    }
    
#love #yellowInfoBoxContainer {
    }       

#love h2#check-out {
    width: 194px;
    height: 66px;
    background: transparent url('/home_images/gr-love-check-out.png') no-repeat center 0;
    }

#love #popular-channels table {
    margin-bottom: 21px;
    }

#love #popular-channels td {
    width:94px;
    height: 56px;
    padding: 5px;
    padding-left: 0;
    }

/*
#index #colwrap1 #intro p,
#index #colwrap1 #intro li {
    font-size: 14px;
    }

#index #colwrap1 #intro p,#index #colwrap1 #intro li  a{color: #555555; text-decoration: none;}

#index #colwrap1 #intro li a:hover, #index #colwrap1 #intro li a span.green:hover {color: #003fff; text-decoration: none;}

#index #colwrap1 #intro ul{
    padding:0;
    margin:0;
    float:left; 
    width: 163px;
}

#intro h2 {text-align: left;}

#index #colwrap1 #intro img{float:right; width: 200px; }

#index #inspFeatStor {
    margin: 0 auto;
    width: 432px;
    text-align: center;     
}


#index #inspFeatStor h4{
  letter-spacing: 5px; *
    letter-spacing: 3px;
    color: #749518;
    text-align: center;
    margin: 51px 0 10px 0;      
}


#largeAdContainer {
    width: 406px;
    margin-left: 30px;
    text-align: center;
}

.large_ads a{
    display:block;
    width:115px;
    height:90px;
    margin: 20px 20px 0 0;
    float: left;
}


#colwrap6 {
    float:left;
    width:69px;
    margin-top:0px;
    margin-left:0px;
    border: 0px solid #f0f0f0;

}
#features_head {
    margin-left:9px;
    margin-top:25px;
    width:60px;
    height:14px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
*/
/**
#icon1 {
    margin-left:12px;
    margin-top:1px;
    width:24px;
    height:24px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#icon4 {
    margin-left:2px;
    margin-top:1px;
    width:24px;
    height:24px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#icon2 {
    margin-left:12px;
    margin-top:1px;
    width:24px;
    height:24px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#icon5 {
    margin-left:2px;
    margin-top:1px;
    width:24px;
    height:24px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#icon3 {
    margin-left:12px;
    margin-top:1px;
    width:24px;
    height:24px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#icon6 {
    margin-left:2px;
    margin-top:1px;
    width:24px;
    height:24px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#imageFrame {
    width:346px;
    height:115px;
    margin-bottom:0px;
    float:left;
    display:inline;
    top: 92px;
    margin-top: 17px;
    overflow:hidden;
}

#colwrap7 {
    position: relative;
    float:left;
    width:476px;
    margin-top:0px;
    margin-left:0px;
    border: 0px solid #f0f0f0;
}
*/
#verticalBars {
    position: absolute;
    margin-left:0px;
    margin-top:0px;
    width:10px;
    height:26px;
    margin-bottom:0px;
    float:left;
    left: 428px;
    top: 7px;
}

#speedLink #arrow {position: absolute; right: 25px;}

#text_frame {
    margin-left:2px;
    margin-top:0px;
    width:436px;
    height:7px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#homepage_r20_c15 {
    margin-left:2px;
    margin-top:0px;
    width:5px;
    height:26px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#colwrap9 {
    float:left;
    width:428px;
    margin-top:0px;
    margin-left:0px;
    border: 0px solid #f0f0f0;

}
#title {
    margin-left:6px;
    margin-top:0px;
    width:426px;
    height:19px;
    margin-bottom:0px;
    float:left;
    display:inline;
    overflow:hidden;

}
#homepage_r22_c16 {
    margin-left:7px;
    margin-top:0px;
    width:421px;
    height:7px;
    margin-bottom:0px;
    float:left;
    display:inline;

}

/* !------------CHANNEL PAGE ------------ */

#chPage #colwrap1{
    position: relative;
    background: #fde76b url('/channel_images/additional-favorites.png') no-repeat 0 0;
}

/* #chPage #colwrap1Top {background: #fde76b url('/channel_images/additional-favorites.png') no-repeat 0 0;} */

.yellowInfoBox{
    width: 193px;
    float: right;
    padding-top: 48px;
    margin-top: 34px;
    border:none;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #fde76b;
    height: 452px;/*398px;*//*480 total*/
    overflow:hidden;
}

#colwrap1Bottom {position:absolute; bottom: 0;}

#chPage #colwrap1 ul{
    margin: 0;
    padding: 0 0 0px 26px;
    margin-bottom: 12px;
}

#chPage #colwrap1 table {
    margin: 48px 13px 26px 26px;
}

#chPage #colwrap1 h3{margin: 0 0 6px 0;}

.PGHead {
    margin-left:26px;
    margin-top:0px;
    margin-bottom:6px;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #017500;
    line-height: 127%;
}

#chPage #colwrap1Bottom a {
    background: transparent url('/channel_images/got-any-green-sites.png') no-repeat 0 top;
    display:block;
    width: 193px;
    height: 70px;   
}

#chPage #colwrap2 {
    float:left;
    width:730px;
    margin-top:0px;
    margin-left:0px;
    position: relative;
    padding-left: 7px;
    /* height: 535px; */
}

#channelIntro{
    width: 677px;
/*     background-color: #e8e8e8; */
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:10px 23px 10px 23px;
    font-size:14px;
    margin-bottom: 30px;
    clear: both;
}



/*
#channelIntro p span, #channelIntro h2{
    color: #128f14;
    font-weight: bold;
    display:inline;
}
*/

#channelIntro p, #channelIntro h2{
/*  color: #128f14; */
/*  font-weight: bold; */
    display:inline;
    font-size: 14px;
}

#channelIntro h2{
    color: #128f14;
/*  font-weight: bold; */
    display:inline;
}

#subChannelName{
    width: 723px;
    text-align: center;
    padding-left: 33px;
}

#subChannelName h2{
    margin-right: 37px;
}

#channelsContainer {
    position: relative;
    width: 590px;
    border: 0px solid #000;
    margin-left: 52px;
}

/* !------------- ABOUT US ----------- */

#aboutUs #left-container {width: 675px;}
/* #aboutUs #right-container {width: 844px;} */

#aboutUs p {margin-bottom: 18px;}

/* !--------------MEDIA PAGE----------- */

#chPage #colwrap1.pageMedia{
    position: relative;
    width: 193px;
    background: transparent url('/channel_images/media-images.jpg') no-repeat 0 0;
    height: 450px;
}

/*
#chPage #colwrap1.pageMedia #colwrap1Bottom {
    position: relative;
    top: 376px;
}
*/

#pageMediaRtCol {
    position: relative;
    width: 420px;
    height: 390px;
    padding: 0 0 0px 32px;
    float: right;
    overflow:hidden;
    padding-bottom: 8px;
    display: inline-block;
}

#pageMediaLftCol {
    width: 158px;
    margin-left: 69px;
    padding-right: 32px;
    float: left;
    text-align: center;
    border-right: 2px solid #d7d7d7;
}

#pageMediaLftCol h2{
    color: #343434;
}

#pageMediaLftCol p {
    border-bottom: 2px dotted #818181;
    width: 158px;
    padding-bottom: 12px;
    margin: 0 auto 9px auto;
}

#pageMediaLftCol p a{
    color: #2370fb;
}

#pageMediaLftCol p a span.magName{
    color: #818181;
    font-size: 18px;
    font-family: 'Myriad Pro', helvetica, verdana, sans-serif;
    text-decoration: none;
}

#pageMediaLftCol p a:hover,#pageMediaLftCol p a:hover span.magName{
    color: #818181;
}

#media-listing {
    margin-bottom: 35px;
    clear:both;
    }

.toggleMore, .toggle, .view {
    position: absolute; 
    top: 0px; 
    right: 0px; 
    margin-bottom: 7px;
    font-style: italic;
    cursor: pointer;
    font-size: 12px;
    text-align: right;
}

.toggleLess {
    margin-bottom: 7px;
    font-style: italic;
    float: right;
    cursor: pointer;
    font-size: 12px;
}

/*
.toggleMore {
    position: absolute; 
    bottom: -20px; 
    left: 580px; 
    margin-bottom: 7px;
    font-style: italic;
    cursor: pointer;
    font-size: 12px;
}

.toggleLess {
    margin-bottom: 7px;
    font-style: italic;
    float: right;
    cursor: pointer;
    font-size: 12px;
}
*/
    
#pageMediaRtCol ul.subList {
    margin: 0 0 16px 0px;
    padding: 0;
    text-indent: -1em;
}

#pageMediaRtCol ul.subList li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-indent: 0;
}

.mediaItem {
    font-size:14px;
    color:#000;
  text-decoration:none;
  font-weight: bold;
}

#pageMediaRtCol ul.subList li a {
    text-decoration:none;
    color:#236BFB;
}

#pageMediaRtCol ul.subList li a:hover {
    text-decoration:underline;
    color:#236BFB;
}

/* !--------------CONF/TRAINIING----------- */

#confTrainLeftCol,#confTrainRtCol {text-align: center;}

#confTrainLeftCol a img, #confTrainRtCol a img {width: 122px; border: 0;}

#confTrainLeftCol a, #confTrainRtCol a {position:absolute; display: block; }

#channelsContainer.confTrain {
    margin: 0 auto;
    }
 
#confTrainLeftCol, #confTrainRtCol {
    position: relative;
    width: 274px;
    float:left;
    border: 0px solid #d8d8d8;
    height: 350px;
    padding-right: 0px;
    margin-left: 0px;
    background: transparent url('../home_images/conf-train-grid.jpg') no-repeat 0 28px;
}

#confTrainDivider {
    width: 10px;
    margin: 0 15px 0 12px;
    border-right: 5px dotted #fdf17a; 
    float: left;
    height: 350px;
    }

/* !--------------CLICK DIRECT----------- */

#clickDirect {
    background: transparent url('/home_images/click-direct-to-any-channel.jpg') no-repeat 42px 0;
/*  height: 32px; */
    padding-left: 305px;
    overflow: hidden:
}

.clickDirectScroll {
    width: 750px;
    position: relative;
    height: 32px;
    }

.clickDirectScroll .wrapper {
  /* width: 708px; */ /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  width: 750px;
  overflow: auto;
  height: 32px;
/*   padding: 0 25px; */
    padding-right: 10px;
  position: relative;
  top: 0;
  background: transparent url('/home_images/click-direct-list-bg.jpg') repeat-x 0 0;
}

.clickDirectScroll .wrapper ul {
    width: 758px; 
    overflow:auto;
    margin: 8px 0 0 0;
    padding:0;
    position: absolute;
    top: 0;
}

.clickDirectScroll ul li {
    display:block;
    height: 14px;
    width: 75px;
    float:left;
    padding: 0px 10px 2px 10px; 
    border-right: 1px solid #000;
    margin: 0px 0 0 0;
    overflow: hidden;
}

.clickDirectScroll ul li a:hover {
    color: #003fff;
}

.clickDirectScroll .arrow {
  display: block;
  height: 32px;
  text-indent: -999px;
  position: relative; top: 5px;
  cursor: pointer;
  outline: 0;
}

.clickDirectScroll .forward {
    top: -64px;
  left: 765px;
  border: 0px solid #171717;
  background: url(home_images/click-direct-more.jpg) no-repeat 0 0;
  width: 108px;
}

.clickDirectScroll .back {
    top: -32px;
  left: 880px;
  border: 0px solid #171717;
    background: url(home_images/click-direct-back.jpg) no-repeat 0px 0;
    width: 52px;
}

/* !----------------WHY GO GREEN ------------ */

#whyGoGreen #left-container {margin-right: 40px;}

#whyGoGreen #right-container {
    width: 193px;
}

#whyGoGreen .yellowInfoBox {
    background: #fde76b url('/home_images/why-go-green-top.jpg') no-repeat 0 0;
    width: 143px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 0;
}

#InfoBox #whyGoGreen p {color: #555; line-height: 19px;}

/* !----------------LABELS ------------ */

#labels #left-container {
    width: 230px;
    margin-right: 38px;
    }

#labels #right-container {
    width: 601px;
    margin-top: 30px;
    }    

#labels .sublist li {
    margin-left: 
    }
    
#labels li {
    font-size: 14px;
    }    
/* !----------------HOW IT WORKS ------------ */

#how #left-container {
    width: 355px;
    margin-right:33px;
    }

#how h2 span {
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    }

#howItWorksText {
    display: inline-block;
    width: 355px;
    float: left;
    }

#how-graphic {
    display: inline-block;
    float: left;
    width: 479px;
    height: 389px;
    margin-top: 20px;
    }  

/*
#homepage_r4_c3 {
    margin-left:134px;
    margin-top:0px;
    width:210px;
    height:59px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#slogan {
    margin-left:111px;
    margin-top:0px;
    width:278px;
    height:21px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#description {
    margin-left:111px;
    margin-top:0px;
    width:278px;
    height:68px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#tourLink {
    margin-right:13px;
    margin-top:0px;
    width:124px;
    height:23px;
    margin-bottom:0px;
    float:right;
    display:inline;

}
#tour {
    margin-right:1px;
    margin-top:0px;
    width:154px;
    height:23px;
    margin-bottom:0px;
    float:right;
    display:inline;

}
#homepage_r22_c2 {
    margin-left:111px;
    margin-top:14px;
    width:274px;
    height:4px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
*/
/* !--------------WHAT YOU CAN DO TODAY----------- */

#whatYouCanDo #left-container {
    width:665px;
    margin:0px 9px 0 0;
    }

h2#green-now{
    height: 80px;
    width: 461px;
    background: transparent url('/home_images/gr-now-green-now.png') no-repeat 0 0;
    display: inline-block;
    float:left;
    margin-left:16px;
    margin-bottom: 17px;
    }
 
a#labels-button {
    position: relative;
    top: 15px;
    height:55px;
    width:62px;
    background: transparent url('/home_images/gr-now-labels-button.png') no-repeat 0 0;
    display: inline-block;
    float: left;
    margin-left:40px;
    }

h3#impact-our-world {
    width:665px;
    height:152px;
    background: transparent url('/home_images/gr-now-impact.png') no-repeat 0 0;
    margin-bottom:35px;
    margin-top: 6px;
    }

#re-something a{
    display: inline-block;
    width: 97px;
    height:24px;
    }
       
#four-square {
    float: left;
    display: inline-block;
    width:285px;
    height:168px;
    background: transparent url('/home_images/gr-now-grid.png') no-repeat 10px center;
    }
    
#four-square img {
    width: 138px;
    height: 80px;
    display: inline-block;
    margin-bottom: 3px;
    }
    
/* ! ----------------TUBIES------------ */

#tubies {
    float: left;
    display: inline-block;
    width: 310px;
    margin: 0px 0 0 30px;
    }

#tubies p{font-size: 10px; line-height: 13px; margin-bottom: 0px;}

#player {
    width: 183px;
    height: 158px;
    margin-bottom:0px;
    float:left;
    display:inline;
    border: 4px solid #171717;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#colwrap3 {
    float:left;
    margin-top:0px;
    margin-left:4px;
    border: 0px solid #f0f0f0;
    background: transparent url('/home_images/tubies_logo.png') no-repeat 0 0;
    padding-top: 25px;
    width: 115px;
}


#tubieIcon_1 {
    margin-left:3px;
    margin-top:10px;
    margin-bottom: 7px;
    width:110px;
    margin-bottom:10px;
    float:left;
    overflow:hidden;
}

#tubieIcon_2 {
    margin-left:3px;
    margin-top:0px;
    width:110px;
    margin-bottom:7px;
    float:left;
    overflow:hidden;
    margin-bottom: 10px;
}

#tubieIcon_3 {
    margin-left:3px;
    margin-top:0px;
    width:110px;
    height:43px;
    margin-bottom:0px;
    float:left;
    display:inline;
    margin-bottom: 10px;
} 

#tubieIcon_1 img{
    float: left;
    display: block;
    width: 7px;
    margin-top: 3px;
    }    

#tubieIcon_2 img{
    float:left;
    display: block;
    width: 7px;
    margin-top: 3px;
    }

#tubieIcon_3 img{
    float:left;
    display: block;
    width: 7px;
    margin-top: 3px;
    }
    

#tubieTitle_1 {
    font-size:11px;
    margin-left:5px;
    margin-top:0px;
    width:95px;
    margin-bottom:0px;
    float:left;
    top:0;
}

#tubieTitle_2 {
    font-size:11px;
    margin-left:5px;
    margin-top:0px;
    width:95px;
    margin-bottom:0px;
    float:left;
    top:0;
}

#tubieTitle_3 {
    font-size:11px;
    margin-left:5px;
    margin-top:0px;
    width:95px;
    margin-bottom:0px;
    float:left;
    top:0;
}

#whatYouCanDo #right-container{
    width: 194px;
    float:left;
    display: inline-block;
    }                  

#whatYouCanDo .yellowInfoBox {
    background: #fde76b url('/home_images/simple-stuff.jpg') no-repeat 0 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    width: 143px;
    margin: 0px;
}

#whatYouCanDo .yellowInfoBox ul{
    list-style-image:url("/home_images/green-arrow.jpg");
    list-style-type:square;
    margin-left: 5px;
    color: #274a18;
    font-weight: bold;
}

#whatYouCanDo .yellowInfoBox ul li {margin-bottom: 8px; font-size: 12px;}

#whatYouCanDo #right-container p{margin: 5px 0 0 0; text-align: center;}



/* end new */

/*
#whatYouCanDo #mainPageLftCol #topCanDoLinks a{ 
    float: left;
    display: block; 
    margin-right: 43px;
}
*/

/*
#whatYouCanDo #mainPageLftCol #topCanDoLinks div{display: inline;}

#whatYouCanDo #mainPageLftCol #topCanDoLinks div a {margin-right: 0;display: inline;}
*/

/*
#impactOurWorld {
    background: transparent url('../home_images/impact-quote.png') repeat-y 0 0;
    height: 50px;
    width: 613px;
    margin: 0 0 38px 0;
    border: 0px solid #000;
}
*/

/*
#bottomCanDoLinks {
    width: 635px;
    }
*/
    
/*
#bottomCanDoLinks > div {
/*  float: left; */
/*  display:inline-block; */
/* } */
/* */ 

/*
#re {
    width: 75px;
    float: left;
    margin-right: 10px;
    }
    
#popularChannels {
    width: 198px;
    float: left;
    }
        
    
#bottomCanDoLinks div#re ul li a{
    border-bottom-color: #fb065d; 
    color: #525252;
    border-bottom-color: #525252;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-size: 16px;
    font-weight: bold;
}

#bottomCanDoLinks div#re ul li a:hover span, #bottomCanDoLinks div#re ul li a:hover{
    border-bottom-color: #009800; 
    color: #009800;
    border-bottom-color: #009800;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-size: 16px;
    font-weight: bold;
}

#bottomCanDoLinks div#re ul li a span {
    border-bottom-color: #fb065d;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    color: #fb065d;
}
*/

/* !-------------CONTACT US---------- */

#contactUs #mainPageLftCol {
    width: 700px;
    text-align: center;
    font-size: 14px;
    margin: 100px auto auto 135px;
}

#contactUs #mainPageLftCol #intro {
    width: 428px;
    height: 189px;
    background-color: #d5feb2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
    padding: 20px 30px 45px 30px;
    margin-right: 10px;
}

#contactUs #mainPageLftCol img {
/*  float: right; */
}

#contactUs #mainPageLftCol p {
    line-height: 35px;
    color:#003b18;
}

#contactUs #mainPageLftCol p a{
    text-decoration: underline;
    color:#003b18;
}

#contactUs #mainPageLftCol p a:hover{
    color: #6dec05;
}

/* !-------------TERMS AND POLICY---------- */

#termsAndPrivacyLftCol ul.subList{ 
    margin:0 0 18px 0;
    padding-left: .5em;
}

#termsAndPrivacyLftCol ul.subList li    { 
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 18px;
    margin: 0 0 0 0px;
}

#termsAndPrivacyLftCol{
    width: 750px;
    margin: 0 auto 0 auto;
    padding: 25px 30px 40px 60px;
    color: #393939;
    height: 475px;
    overflow: auto;
    border: 1px solid #d7d7d7;
}

#termsAndPrivacyLftCol .p{
    font-size: 11px;
    font-weight:normal;
}

.termsPrivacyHeading{
    font-weight: bold;
    font-size: 12px;
}


/* !------------- HOW TO FEATURE YOUR WEBSITE BUTTON ---------- */

a#howToFeatureYourWebsite  {
    background: transparent url('/home_images/How2FeatureYourWebsite.png') no-repeat 0 0;
    height: 26px;
    width: 276px;
    position: absolute;
    top: -1px;
    right: 0;
    }
    
a#howToFeatureYourWebsite:hover {
    background: transparent url('/home_images/How2FeatureYourWebsite.png') no-repeat 0 -25px;
    }   

/*
div#featureYourWebsiteStatic {
    background: transparent url('/home_images/gr-how-to-feature-your-website.png') no-repeat 0 0;
    position: absolute;
    top: -0px;
    left: -86px;
    display: block;
    width: 276px;
    height: 25px;
    z-index: 1;
    }
*/

div#featureYourWebsiteStatic {
    background: transparent url('/home_images/gr-how-to-feature-your-website.png') no-repeat 0 0;
    position: absolute;
    top: 136px;
    left: 305px;
    display: block;
    width: 276px;
    height: 25px;
    z-index: 1;
    }
  

/* !------------- REGISTRATION/SPONSOR PAGES---------- */   

body.registration h2.iggGreenText {
    font-size: 28px;
    text-align: center;
    letter-spacing: -.25px;
    margin: 22px 0 42px 0;
    font-weight: normal;
    border-collapse;
    }   
    
body.registration #mainContentContainer img{
    display: block;
    margin: 0 auto;
    }

body.registration #mainContentContainer {
    margin-left: 391px;
    width: 847px;
    position: relative;
    z-index: 2;
    }
    
body.registration #mainContentContainer h3 {
    font-size: 17px;
    margin: 0 0 29px 0;
    }   

body#registration form p {
    font-size: 12px;
    }

/* !------------- REGISTRATION-1/SPONSOR PAGES---------- */ 

body#registration-1 #mainPageLftCol {
    margin-left: 0;
    padding-left: 0;
    float: left;
    width:451px;
    height: 385px;
    }
    
body#registration-1 #right-container {
    float: left;
    width: 331px;
/*     margin-left: 32px; */
    height: 385px;
    }

#one p, #two p{
    margin-bottom: 8px;
    }

body#registration-1 #mainPageLftCol ul {
    margin-left: 19px;
    width: 425px;
    }
    
body#registration-1 #mainPageLftCol ul li {
    background: transparent url('/home_images/gr-reg-1-dot-16.png') no-repeat 0 3px;
    padding-left: 25px;
    font-size: 14px;
    margin-bottom: 25px;
    letter-spacing: .25px;
    }

body#registration-1 #right-container ul li {
    background: transparent url('/home_images/gr-reg-1-dot-8.png') no-repeat 0 7px;
    font-size: 13px;
    margin-bottom: 6px;
    font-weight: bold;
    line-height: 16px;
    }
    
body#registration-1 #right-container div#one {
    width: 206px;
    height: 145px;
    background: transparent url('/home_images/gr-reg-1-good-consumer-bak.jpg') no-repeat 0 0;
    padding: 10px 18px 13px 107px;
    }       

body#registration-1 #right-container #one ul {
    width: 192px;
    margin-left: 16px;
    }

body#registration-1 #right-container #one ul li {
    padding-left: 19px;
    }

body#registration-1 #right-container div#one ul li.last {
    margin-left: 44px;
    }

body#registration-1 #right-container div#two {
    width: 331px;
    height: 145px;
    background: transparent url('/home_images/gr-reg-1-good-business-bak.jpg') no-repeat 0 0;
    padding: 15px 118px 13px 30px;
    }       

body#registration-1 #right-container #two ul {
    width: 177px;
    padding-left: 5px;
    }

body#registration-1 #right-container #two ul li {
    padding-left: 19px;
    }           

#registration-1 #talkAboutIt span:first-child {
        background: transparent url('/home_images/gr-reg-2-bottom-nav.png') no-repeat 0px 0px;
    }   

/* !------------- REGISTRATION-2---------- */   

body#registration-2 #mainContentContainer p img{
    margin: 0 10px 0px 0;
    width: 28px;
    height: 29px;
    }
        
body#registration-2 #mainContentContainer div.top{
    height: 385px;
    background: transparent url('/home_images/gr-reg-2-top-bak.png') no-repeat 0 120px;
    }
    
body#registration-2 #mainContentContainer div.top p{
    float: left;
    line-height: 19px;
    letter-spacing: .2px;
    }   
    

/* !------------- REGISTRATION-3---------- */   

body#registration-3 #mainContentContainer {
    margin-left: 428px;
    position: relative;
    }
    
body#registration-3 #mainContentContainer img{
    margin-left: 0;
    }   

body#registration-3.registration h2.iggGreenText {
    margin-bottom: 26px;
    margin-left: -90px;
    }

body#registration-3 #mainPageLftCol{
    float: left;
    width: 370px;
    margin-left: 0;
    padding-left: 0;
    }

body#registration-3 #right-container input{
    margin-top: 5px;
    }
    
body#registration-3 #right-container p, body#registration-3 #mainPageLftCol p{
    letter-spacing: .25px;
    }
    
body#registration-3 #right-container p{
    margin-bottom: 10px;
    }   
    
body#registration-3 #right-container{
    }   
        

div#regSubmit {
    position: relative;
    bottom:5px;
    background: transparent url('/home_images/gr-reg-3-dotted-line.png') no-repeat 31px 55px;
    width: 360px;
    height: 75px;
    }

div#regSubmit a {
    font-size: 14px;
    }

div#regSubmit input{
    position: relative;
    top: -15px;
    right: -28px;
    float: right;
    display: block;
    background: transparent url('/home_images/gr-reg-3-submit-button.png') no-repeat 0 0px;
    width: 86px;
    height: 75px;
    }

/* !------------- SPONSOR PAGE ---------- */

#mainContentContainer #emeraldPkgGraphic {
    margin-left: -25px;
    padding-right: 15px;
    }

#mainContentContainer img#kellyGreenImg {
    margin: 17px 0 0 16px;
    display: block:
    }
    
.sponsorPage1 #mainContentContainer {
    background: transparent url('/home_images/gr-sponsor-page-background.gif') no-repeat center 16px;
    }
    
body#registration-1.sponsorPage1 #right-container {
/*     width: 349px; */
    }    
    
/* !------------- LETS TALK---------- */        

a#letsTalk {
    position: absolute;
    bottom: 40px;
    left: -20px;
    display: inline-block;
    width: 788px;
    height: 62px;
    background: transparent url('/home_images/gr-lets-talk-bak.gif') no-repeat 0 3px;
    padding: 0px 0 0 100px;
    z-index: 1;
    }

a#letsTalk:focus, a#letsTalkLinkGraphic:focus {
    outline: 0;
    }
    
a.iggBlueText:hover,
a.iggGreenText:hover {
    color: #171717!important;
    }

a#letsTalk.iggBlueText span {
    z-index: 100!important;
    display: block;
    padding-top: 24px;
    text-decoration: underline;
    }
    
a#letsTalkLinkGraphic {
    position: absolute;
    left: 780px;
    bottom: 40px;
    display: inline-block;
    height: 62px;
    width: 52px;
    background: transparent url('/home_images/gr-reg-2-bottom-nav.png') no-repeat 0px -0px;
    z-index: 100;
    }

body#registration-2 a#letsTalkLinkGraphic {
    background: transparent url('/home_images/gr-reg-2-bottom-nav.png') no-repeat 0px -65px;
    
    }
    
a.letsTalkInline:hover {
    
    }   
        

/* !-------------POPULAR CHANNELS---------- */

#popularChannels {
    width: 196px;
    margin-left: 23px;
    padding-top: 25px;
    background: transparent url('../home_images/popular-channels.png') no-repeat 0 0;
}

#popularChannels h2 {
    color: #27a118;
    height: 15px;
}

#popularChannels ul {
    width: 93px;
    float: left;
    margin-right: 5px;
}

#popularChannels ul li{
    margin:0 0 6px 0;
}

#popularChannels ul li a {
    height: 31px;
    width: 91px;
    display: block;
    text-decoration: none;
    border: 0;
    outline: none;
}

#popularChannels ul li a#earthships{
    background: transparent url('../home_images/pop-ch-list-one-out.png') no-repeat 0 0;
}
#popularChannels ul li a#earthships:hover{
    background: transparent url('../home_images/pop-ch-list-one-over.png') no-repeat 0 0px;
}

#popularChannels ul li a#greenKids{
    background: transparent url('../home_images/pop-ch-list-one-out.png') no-repeat 0 -37px;
}
#popularChannels ul li a#greenKids:hover{
    background: transparent url('../home_images/pop-ch-list-one-over.png') no-repeat 0 -37px;
}

#popularChannels ul li a#greenRoofs{
    background: transparent url('../home_images/pop-ch-list-one-out.png') no-repeat 0 -74px;
}
#popularChannels ul li a#greenRoofs:hover{
    background: transparent url('../home_images/pop-ch-list-one-over.png') no-repeat 0 -74px;
}

#popularChannels ul li a#greenNews{
    background: transparent url('../home_images/pop-ch-list-one-out.png') no-repeat 0 -111px;
}
#popularChannels ul li a#greenNews:hover{
    background: transparent url('../home_images/pop-ch-list-one-over.png') no-repeat 0 -111px;
}

#popularChannels ul li a#preFab{
    background: transparent url('../home_images/pop-ch-list-two-out.png') no-repeat 0 0;
}
#popularChannels ul li a#preFab:hover{
    background: transparent url('../home_images/pop-ch-list-two-over.png') no-repeat 0 0px;
}

#popularChannels ul li a#technology{
    background: transparent url('../home_images/pop-ch-list-two-out.png') no-repeat 0 -37px;
}
#popularChannels ul li a#technology:hover{
    background: transparent url('../home_images/pop-ch-list-two-over.png') no-repeat 0 -37px;
}

#popularChannels ul li a#travel{
    background: transparent url('../home_images/pop-ch-list-two-out.png') no-repeat 0 -74px;
}
#popularChannels ul li a#travel:hover{
    background: transparent url('../home_images/pop-ch-list-two-over.png') no-repeat 0 -74px;
}

#popularChannels ul li a#shoeString{
    background: transparent url('../home_images/pop-ch-list-two-out.png') no-repeat 0 -111px;
}
#popularChannels ul li a#shoeString:hover{
    background: transparent url('../home_images/pop-ch-list-two-over.png') no-repeat 0 -111px;
}


#homepage_r5_c11 {
    margin-left:0px;
    margin-top:8px;
    width:53px;
    height:58px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#homepage_r10_c12 {
    margin-left:19px;
    margin-top:0px;
    width:3px;
    height:303px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#colwrap4 {
    float:left;
    width:465px;
    margin-top:0px;
    margin-left:0px;
    border: 0px solid #f0f0f0;

}

#colwrap10 {
    float:left;
    width:108px;
    margin-top:0px;
    margin-left:0px;
    border: 0px solid #f0f0f0;

}
#small_stack {
    margin-left:0px;
    margin-top:14px;
    width:108px;
    height:53px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#big_stack {
    margin-left:0px;
    margin-top:0px;
    width:108px;
    height:67px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#small_ad_1 {
    margin-left:0px;
    margin-top:0px;
    width:165px;
    height:39px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#small_ad_2 {
    margin-left:0px;
    margin-top:0px;
    width:190px;
    height:39px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#more {
    margin-left:0px;
    margin-top:0px;
    width:108px;
    height:39px;
    margin-bottom:0px;
    float:left;
    display:inline;

}
#copyright
{
    position:relative;
    margin-top:20px;
    left:0px;
    width:190px;
    color:#7b7b7b;
    font-family:Verdana, Geneva, sans-serif;
    font-size:8px;
    font-weight:normal;
}
.menu div {
    position:relative;
    top:-60px;  
}
.menu div img {
    position:relative;
    opacity: 0;
    filter: alpha(opacity = 0);
}
.menu {
    height:20px;
}

/* ! ----------------WEBIN GRIDLINES------------ */
#panel1{
    position:absolute;
    width:270px;
    height:130px;
    left: 22px;
    top: 16px;
}
#panel2{
    position:absolute;
    left: 337px;
    top: 16px;
    width:270px;
    height:130px;
}
#panel3{
    position:absolute;
    left: 22px;
    top: 190px;
    width:270px;
    height:130px;
}
#panel4{
    position:absolute;
    left: 337px;
    top: 190px;
    width:270px;
    height:130px;
}


#igg_base_cutup_r3_c6 {
    margin-left:299px;
    margin-top:16px;
    width:38px;
    height:135px;
    margin-bottom:0px;
    float:left;
    display:inline;

}

#igg_base_cutup_r5_c4 {
    margin-left:23px;
    margin-top:0px;
    width:590px;
    height:40px;
    margin-bottom:0px;
    float:left;
    display:inline;

}

#igg_base_cutup_r6_c6 {
    margin-left:299px;
    margin-top:0px;
    width:38px;
    height:137px;
    margin-bottom:0px;
    float:left;
    display:inline;

}

#igg_base_cutup_r8_c5 {
    margin-left:130px;
    margin-top:9px;
    width:375px;
    height:32px;
    margin-bottom:0px;
    float:left;
    display:inline;
}

/* !---------FORM VALIDATION ---------- */
/* http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ */

.inputContainer{position:relative; float:left;}
.formError {
    position:absolute;
    top:300px; left:300px;
    padding-bottom:13px;
    display:block;
    z-index:5000;
    cursor:pointer;
}
#debugMode{
    background:#000;
    position:fixed;
    width:100%; height:200px;
    top:0; left:0;
    overflow:scroll;
    opacity:0.8;
    display:block;
    padding:10px;
    color:#fff;
    font-size:14px;
    z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
    width:100%; 
    background:#ee0101;
    color:#fff;
    width:150px;
    font-size:12px;
    border:2px solid #ddd;
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    padding:8px 20px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
    width:15px;
    margin:-2px 0 0 13px;
    z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

    .formError .formErrorArrow div{
        border-left:2px solid #ddd;
        border-right:2px solid #ddd;
        box-shadow: 0px 2px 3px #444;
        -moz-box-shadow: 0px 2px 3px #444;
        -webkit-box-shadow: 0px 2px 3px #444;
        font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
    }
    
.formError .formErrorArrowBottom div{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    }
    
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;
    border-left:2px solid #ddd;
    border-right:2px solid #ddd;
    border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  

/* ! ----------------MISC------------ */

.alignRight {
    text-align:right;
    display: inline-block;
    }
    
.fourteenPoint {
    font-size: 14px;
    }
    
.offPage {
    position: absolute;
    left: -99999px;
    }

.iggBlueText {
    color: #0060ff!important;
    }
    
.iggRedText {
    color: #ff0000!important;
    }   
    
.iggGreyText {
    color: #555!important;
    }
    
.iggGreenText,
a.iggRedText:hover {
    color: #3e8b00!important;
    }   

.italic {
    font-style: italic;
    }
    
.bold {
    font-weight: bold;
    }
    
.floatRight {
    float:right;
    }
    
.floatLeft {
    float:left;
    }   

.noBold {
    font-weight: normal;
    }
    
.underline {
    text-decoration: underline!important;
    }
    
.noUnderline {
    text-decoration: none!important;
    }   
    
._12ptFont {
    font-size: 12px;
    line-height: 16px;
    }
    
._17ptFont {
    font-size: 17px;
    }