@font-face {
  font-family: "iconvault";
  src: url("iconvault_forecastfont.eot");
  src: url("iconvault_forecastfont.eot?#iefix") format("embedded-opentype"),
       url("iconvault_forecastfont.woff") format("woff"),
       url("iconvault_forecastfont.ttf") format("truetype"),
       url("iconvault_forecastfont.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal;
}	
	
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'iconvault';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 6em;
}

/* -----BaseCloud----- */
.icon-basecloud:before  {
    font-family: 'iconvault';    
    content: '\f105';
    position:absolute;
    /*font-size:6em;
    color:rgb(204, 204, 204);*/

}
	
/* -----windyraincloud----- */
.windyraincloud:before  {
    font-family: 'iconvault';    
    content: '\f111';
    position:absolute;
    /*font-size:6em;
    color:rgb(204, 204, 204);*/
}
	
/* -----Windysnowcloud----- */
.windysnowcloud:before  {
    font-family: 'iconvault';    
    content: '\f109';
    position:absolute;
    /*font-size:6em;
    color:rgb(204, 204, 204);*/
}

/* -----Basethundercloud----- */
.basethundercloud:before  {
    font-family: 'iconvault';    
    content: '\f105';
    position:absolute;
    /*font-size:6em;
    color:#000;*/
}


/* -----Thunder----- */
.icon-thunder::before  {
    content: "\f114";
    position:absolute;
    /*color:rgb(255, 165, 0);*/
}

/* -----Sunny----- */
.icon-sunny::after {
    content: "\f101";
    /*color:rgb(255, 165, 0);*/
    position: absolute;
}

/* -----Drizzle----- */
.icon-drizzle::before  {
    content: "\f10a";
    /*color: #82b2e4;*/
    position: absolute;
}

/* -----Hail----- */
.icon-hail::before {
    content: "\f10f";
    position:absolute;
    /*color:rgb(204, 204, 204);*/
}

/* -----Showers----- */
.icon-showers::before  {
    content: "\f104";
    position:absolute;
    /*color:#82b2e4;*/
}

/* -----Rainy----- */
.icon-rainy::before {
    content: "\f107";
    position:absolute;
    /*color:#4681c3;*/
}

/* -----Snowy----- */
.icon-snowy::before  {
    content: "\f10b";
    position:absolute;
    /*color:#acd3f3;*/
}

/* -----Frosty----- */
.icon-frosty::before {
    content: "\f102";
    position:absolute;
    /*color:#85d8f7;*/
}

/* -----Windy----- */
.icon-windy::before  {
    content: "\f115";
    position:absolute;
    /*color:rgb(204, 204, 204);*/
}

/* -----WindyRain----- */
.icon-windyrain::before {
    content: "\f10e";
    position:absolute;
    /*color:#acd3f3;*/
}

/* -----WindySnow----- */
.icon-windysnow::before {
    content: "\f103";
    position:absolute;
    /*color:#acd3f3;*/
}

/* -----Sleet----- */
.icon-sleet::before  {
    content: "\f10c";
    position:absolute;
    /*color:#acd3f3;*/
}

/* -----Moon----- */
.icon-moon::after {
    content: "\f10d";
    /*color:rgb(255, 165, 0);*/
    position: absolute;
}

/* -----Night----- */
.icon-night::after {
    content: "\f100";
    position:absolute;
    /*color:rgb(255, 165, 0);*/
}


/* -----Sun----- */
.icon-sun::after {
    content: "\f113";
    /*color:rgb(255, 165, 0);*/
    position: absolute;
}

/* -----Cloud----- */
.icon-cloud::after {
    content: "\f106";
    /*color:rgb(204, 204, 204);*/
    position: absolute;
}

/* -----Sunrise----- */
.icon-sunrise:before  {
    content: '\f112';
    /*color:rgb(255, 165, 0);*/
    position: absolute;
}

/* -----Sunset----- */
.icon-sunset:before  {
    content: '\f110';
    /*color:#f96f23;*/
    position: absolute;
}

/* -----Mist----- */
.icon-mist:before  {
    content: '\f108';
    /*color:rgb(204, 204, 204);*/
    position: absolute;
}

.dnnc_iconholder        { width: 90px; height: 80px; }
.dnnc_iconholder ul     { margin: 0; padding:0; }
.dnnc_iconholder ul li  { list-style: none; line-height:80px; }

.dnnc_iconholder.dnnc_xsmall        { width: 40px; height: 30px; }
.dnnc_iconholder.dnnc_xsmall ul     { margin: 0; padding:0; font-size:6px; }
.dnnc_iconholder.dnnc_xsmall ul li  { list-style: none; line-height:30px; }

.dnnc_iconholder.dnnc_small        { width: 65px; height: 50px; }
.dnnc_iconholder.dnnc_small ul     { margin: 0; padding:0; font-size:10px; }
.dnnc_iconholder.dnnc_small ul li  { list-style: none; line-height:50px; }

.dnnc_iconholder.dnnc_medium        { width: 90px; height: 80px; }
.dnnc_iconholder.dnnc_medium ul     { margin: 0; padding:0; font-size:14px; }
.dnnc_iconholder.dnnc_medium ul li  { list-style: none; line-height:80px; }

.dnnc_iconholder.dnnc_large        { width: 110px; height: 90px; }
.dnnc_iconholder.dnnc_large ul     { margin: 0; padding:0; font-size:18px; }
.dnnc_iconholder.dnnc_large ul li  { list-style: none; line-height:100px; }

.dnnc_iconholder.dnnc_xlarge        { width: 150px; height: 120px; }
.dnnc_iconholder.dnnc_xlarge ul     { margin: 0; padding:0; font-size:24px; }
.dnnc_iconholder.dnnc_xlarge ul li  { list-style: none; line-height:120px; }