/*
    7 April 2017 JP2 TEST 2

*/

/*
     Mode 0 Jacks Group Icons Test CSS Class ***********************
*/

/*
      9 April 2017 Group Icons MAIN DIV CSS CLASS
        This is the CSS for the main class div ie all of the icons.
   ie this is the div around ALL of the group member icons.
*/
.jacks_group_icons_mode0_group_icons_blog_div
{
    padding:0px;
    display:inline-block;
}



/*
    Group Icons Blog CSS Style Class
    9 April 2017  This is for the group icons blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_group_icons_mode0_group_icons_blog
{
    background-color: red;
    width: 200px;
    height:100px;
    margin: 10px;
    float: left;
    position: relative;
    overflow:hidden;
}



/*
    Group Icons Blog Icon CSS Style Class
    9 April 2017  This is for the icon above the caption.
*/
.jacks_group_icons_mode0_group_icons_blog_icon
{
    float: left;
    height: 100px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
    width: 100%;
    text-align:center;
}


/*
    Group Icons Blog Caption CSS Style Class
    9 April 2017   This is for the caption under the icon.
*/
.jacks_group_icons_mode0_group_icons_blog_caption
{
    background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    float: left;
    height: 60px;
    margin: 0px;
    padding:3px;
    position: relative;
    text-decoration:none;
    text-align:center;
    width:100%;
}



/*
    Tablet Group Icons Blog Caption URL Link CSS Style Class
    17 April 2017   This is for the caption url under the icon.
*/
.jacks_group_icons_mode0_group_icons_blog_cap_url
{
    text-decoration:none;
}


/*
      Tablet Version
*/

/*
      9 April 2017 Group Icons MAIN DIV CSS CLASS
        This is the CSS for the main class div ie all of the icons.
   ie this is the div around ALL of the group member icons.
*/
.jacks_group_icons_mode0_tablet_group_icons_blog_div
{
    padding:0px;
    display:inline-block;
}



/*
    Group Icons Blog CSS Style Class
    9 April 2017  This is for the group icons blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_group_icons_mode0_tablet_group_icons_blog
{
    background-color: red;
    width: 200px;
    height:100px;
    margin: 10px;
    float: left;
    position: relative;
    overflow:hidden;
}



/*
    Group Icons Blog Icon CSS Style Class
    9 April 2017  This is for the icon above the caption.
*/
.jacks_group_icons_mode0_tablet_group_icons_blog_icon
{
    float: left;
    height: 100px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
    width: 100%;
    text-align:center;
}


/*
    Group Icons Blog Caption CSS Style Class
    9 April 2017   This is for the caption under the icon.
*/
.jacks_group_icons_mode0_tablet_group_icons_blog_caption
{
    background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    float: left;
    height: 60px;
    margin: 0px;
    padding:3px;
    position: relative;
    text-decoration:none;
    text-align:center;
    width:100%;
}



/*
      Phone Version
*/

/*
      9 April 2017 Group Icons MAIN DIV CSS CLASS
        This is the CSS for the main class div ie all of the icons.
   ie this is the div around ALL of the group member icons.
*/
.jacks_group_icons_mode0_phone_group_icons_blog_div
{
    padding:0px;
    display:inline-block;
}



/*
    Group Icons Blog CSS Style Class
    9 April 2017  This is for the group icons blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_group_icons_mode0_phone_group_icons_blog
{
    background-color: red;
    width: 200px;
    height:100px;
    margin: 10px;
    float: left;
    position: relative;
    overflow:hidden;
}



/*
    Group Icons Blog Icon CSS Style Class
    9 April 2017  This is for the icon above the caption.
*/
.jacks_group_icons_mode0_phone_group_icons_blog_icon
{
    float: left;
    height: 100px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
    width: 100%;
    text-align:center;
}


/*
    Group Icons Blog Caption CSS Style Class
    9 April 2017   This is for the caption under the icon.
*/
.jacks_group_icons_mode0_phone_group_icons_blog_caption
{
    background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    float: left;
    height: 60px;
    margin: 0px;
    padding:3px;
    position: relative;
    text-decoration:none;
    text-align:center;
    width:100%;
}




/*
     Mode 1 Jacks Group Icons Test CSS Class ***********************
*/

/*
      9 April 2017 Group Icons MAIN DIV CSS CLASS
        This is the CSS for the main class div ie all of the icons.
   ie this is the div around ALL of the group member icons.
*/
.jacks_group_icons_mode1_group_icons_blog_div
{
    padding:0px;
    display:inline-block;
}



/*
    Group Icons Blog CSS Style Class
    9 April 2017  This is for the group icons blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_group_icons_mode1_group_icons_blog
{
    background-color: whitesmoke;
    width: 200px;
    height:200px;
    min-height: 260px;
    margin: 10px;
    float: left;
    position: relative;
    overflow:hidden;
}



/*
    Group Icons Blog Icon CSS Style Class
    9 April 2017  This is for the icon above the caption.
*/
.jacks_group_icons_mode1_group_icons_blog_icon
{
    float: left;
    height: auto;
    min-height:215px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
    width: 100%;
    text-align:center;
}


/*
    Group Icons Blog Caption CSS Style Class
    9 April 2017   This is for the caption under the icon.
*/
.jacks_group_icons_mode1_group_icons_blog_caption
{
    background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    float: left;
    height: 60px;
    margin: 0px;
    padding:3px;
    position: relative;
    text-decoration:none;
    text-align:center;
    width:100%;
}




/*
     Tablet Version
*/

/*
      9 April 2017 Group Icons MAIN DIV CSS CLASS
        This is the CSS for the main class div ie all of the icons.
   ie this is the div around ALL of the group member icons.
*/
.jacks_group_icons_mode1_tablet_group_icons_blog_div
{
    padding:0px;
    display:inline-block;
}



/*
    Group Icons Blog CSS Style Class
    9 April 2017  This is for the group icons blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_group_icons_mode1_tablet_group_icons_blog
{
    background-color: whitesmoke;
    width: 200px;
    height:200px;
    min-height: 260px;
    margin: 10px;
    float: left;
    position: relative;
    overflow:hidden;
}



/*
    Group Icons Blog Icon CSS Style Class
    9 April 2017  This is for the icon above the caption.
*/
.jacks_group_icons_mode1_tablet_group_icons_blog_icon
{
    float: left;
    height: auto;
    min-height:215px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
    width: 100%;
    text-align:center;
}


/*
    Group Icons Blog Caption CSS Style Class
    9 April 2017   This is for the caption under the icon.
*/
.jacks_group_icons_mode1_tablet_group_icons_blog_caption
{
    background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    float: left;
    height: 60px;
    margin: 0px;
    padding:3px;
    position: relative;
    text-decoration:none;
    text-align:center;
    width:100%;
}




/*
     Phone Version
*/

/*
      9 April 2017 Group Icons MAIN DIV CSS CLASS
        This is the CSS for the main class div ie all of the icons.
   ie this is the div around ALL of the group member icons.
*/
.jacks_group_icons_mode1_phone_group_icons_blog_div
{
    padding:0px;
    display:inline-block;
}



/*
    Group Icons Blog CSS Style Class
    9 April 2017  This is for the group icons blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_group_icons_mode1_phone_group_icons_blog
{
    background-color: whitesmoke;
    width: 200px;
    height:200px;
    min-height: 260px;
    margin: 10px;
    float: left;
    position: relative;
    overflow:hidden;
}



/*
    Group Icons Blog Icon CSS Style Class
    9 April 2017  This is for the icon above the caption.
*/
.jacks_group_icons_mode1_phone_group_icons_blog_icon
{
    float: left;
    height: auto;
    min-height:215px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
    width: 100%;
    text-align:center;
}


/*
    Group Icons Blog Caption CSS Style Class
    9 April 2017   This is for the caption under the icon.
*/
.jacks_group_icons_mode1_phone_group_icons_blog_caption
{
    background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    float: left;
    height: 60px;
    margin: 0px;
    padding:3px;
    position: relative;
    text-decoration:none;
    text-align:center;
    width:100%;
}


/*
    Tablet Group Icons Blog Caption URL Link CSS Style Class
    17 April 2017   This is for the caption url under the icon.
*/

.jacks_group_icons_mode1_phone_group_icons_blog_cap_url
{
    text-decoration:none;
}


/*
      jacks_test_css1_ Doc Group Tag RED Background  *************************************
*/

/*
     Doc Group Blog Main Div CSS
*/
.jacks_test_css1_doc_group_blog_div
{
    padding:0px;
    display:inline-block;
}

/*
    Doc Group Blog Item CSS Style Class
    29 March 2017  This is for the doc group blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_test_css1_doc_group_blog_item
{
    background-color: red;
    width: 210px;
    margin-left:10px;
    margin-bottom: 10px;
    height: 300px;
    float: left;
    list-style-type: none;
}



/*
    Doc Group Blog Icon CSS Style Class
    29 March 2017  This is for the caption under the doc icon.
*/
.jacks_test_css1_doc_group_blog_icon
{
    width: 100%;
    max-height:125px;
    float: left;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
}


/*
    Doc Group Blog Caption CSS Style Class
    29 March 2017  This is for the caption under the doc icon.
*/
.jacks_test_css1_doc_group_blog_caption
{
     background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    width:200px;
    height: 35px;
    float: left;
    margin: 0px;
    padding:5px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
   font-size:smaller;
}


/*
       TABLET Version TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
*/

/*
     Doc Group Blog Main Div CSS
*/
.jacks_test_css1_tablet_doc_group_blog_div
{
    padding:0px;
    display:inline-block;
}

/*
    Doc Group Blog Item CSS Style Class
    29 March 2017  This is for the doc group blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_test_css1_tablet_doc_group_blog_item
{
    background-color: red;
    width: 210px;
    margin-left:10px;
    margin-bottom: 10px;
    height: 300px;
    float: left;
    list-style-type: none;
}



/*
    Doc Group Blog Icon CSS Style Class
    29 March 2017  This is for the caption under the doc icon.
*/
.jacks_test_css1_tablet_doc_group_blog_icon
{
    width: 100%;
    max-height:125px;
    float: left;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
}


/*
    Doc Group Blog Caption CSS Style Class
    29 March 2017  This is for the caption under the doc icon.
*/
.jacks_test_css1_tablet_doc_group_blog_caption
{
     background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    width:200px;
    height: 35px;
    float: left;
    margin: 0px;
    padding:5px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
   font-size:smaller;
}


/*
      PHONE Version  PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
*/
/*
     Doc Group Blog Main Div CSS
*/
.jacks_test_css1_phone_doc_group_blog_div
{
    padding:0px;
    display:inline-block;
}

/*
    Doc Group Blog Item CSS Style Class
    29 March 2017  This is for the doc group blog tag.
       it uses the list tags instead of the standard tbale.
*/
.jacks_test_css1_phone_doc_group_blog_item
{
    background-color: red;
    width: 210px;
    margin-left:10px;
    margin-bottom: 10px;
    height: 300px;
    float: left;
    list-style-type: none;
}



/*
    Doc Group Blog Icon CSS Style Class
    29 March 2017  This is for the caption under the doc icon.
*/
.jacks_test_css1_phone_doc_group_blog_icon
{
    width: 100%;
    max-height:125px;
    float: left;
    margin: 0px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
}


/*
    Doc Group Blog Caption CSS Style Class
    29 March 2017  This is for the caption under the doc icon.
*/
.jacks_test_css1_phone_doc_group_blog_caption
{
     background-color: lightskyblue;
    border-top: 6px solid #ffb300;
    width:200px;
    height: 35px;
    float: left;
    margin: 0px;
    padding:5px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
   font-size:smaller;
}


/*
       END ************************************************************
*/