
a.widget{cursor:pointer;color:#3f7da6;text-decoration:underline;}

a.widget img, img.widget{border:0;}

#cyberbullying-widget
{
    background-color:#fff;    
    overflow:hidden;
    padding:6px;
}
#widget-container
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/bgHorizontal.png') no-repeat top right;
    border: solid 1px #3799b5;
    position:relative;    
}

#widget-top-left, #widget-top-right,#widget-bot-left, #widget-bot-right
{
    height:5px;
    position:absolute;
    width:5px;
    z-index:10;
}
#widget-top-left
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/topLeft.png') no-repeat;    
    left:-1px;    
    top:-1px;    
}
#widget-top-right
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/topRight.png') no-repeat;
    right:-1px;
    top:-1px;
}
#widget-bot-left
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/botLeft.png') no-repeat;    
    left:-1px;    
    bottom:-1px;    
}
#widget-bot-right
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/botRight.png') no-repeat;
    right:-1px;
    bottom:-1px;
}
#widget-microsoft
{
    position:absolute;
    top:8px;
    right:8px;
}
#widget-content
{
    font-family:Tahoma;
    font-size:14px;
    line-height:18px;
}
#widget-content input
{
    padding-bottom:4px;
}
#widget-content ul{margin-left:0;padding-left:0;list-style:none;}
#widget-content li{padding-left:16px;background-image:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/chevron.png');background-repeat:no-repeat;background-position:0 3px;}
.intro span.emphasis
{
    font-weight:bold;
    font-style:italic;
}
/* Horizontal Content */
.horizontal-widget #widget-content
{
    /*margin:1% 90px 2px 12px;*/
    padding:0 90px 0 12px;
    vertical-align:middle;
    display:table-cell;
    
}
.horizontal-widget #widget-content p
{
    margin:4px 0;    
}
.horizontal-widget .home-disclaimer{font-size:9px;position:absolute;bottom:10px;left:156px;width:70%;line-height:10px;}
.horizontal-widget .summary{line-height:16px;padding-top:18px;}
.horizontal-widget .hdr-line-1
{
    color:#13709c;
    font-family: Segoe UI, Arial;
    font-style:italic;
    font-size: 24px;  
    line-height:24px;
    padding:0;
    margin:0;  
}
.horizontal-widget .hdr-line-2
{
    color:#13709c;
    font-family:Segoe UI, Arial;
    font-style:italic;
    font-size: 34px;    
    font-weight:bold;
    line-height:36px;
    padding:0;
    margin:0;
}
.horizontal-widget .intro
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/chevron.png') no-repeat 0 11px;
    color:#49af29;
    padding:7px 0 0 14px;
    margin: 6px 0 6px 20px;
    width:80%;
}

.horizontal-widget .btn-bottom,.horizontal-widget .btn-bottom-intro
{
    position:absolute;
    left:12px;
    bottom:6px;
}
.horizontal-widget .lnk-footnote
{
    color:#3f7da6;    
    position:absolute;
    left:136px;
    bottom:12px;
}
.horizontal-widget .lnk-learn-more
{
    color:#3f7da6;
    text-decoration:underline;
    position:absolute;
    left:108px;
    bottom:12px;
}
.horizontal-widget .img-intro
{
    position:absolute;
    right:16px;
    top:20%;
}
.horizontal-widget .img-question
{
    position:absolute;
    right:16px;
    top:20%;
}
.horizontal-widget .question
{
    width:80%;
    padding:12px 0 0 0;
    margin-bottom:4px;
}

.horizontal-widget .choice
{
    margin:0;
    padding:4px 0;
}
.horizontal-widget .answer
{
    padding:0;
    margin:4px 0;
    width:82%;
}
.horizontal-widget .answer span
{
    color:#49af29;
    font-weight:bold;
    font-size:14px;
}
.horizontal-widget ul
{
    margin:0;
    padding-left:14px;
    width:80%;
}
/* End Horizontal Content */

/* vertical Content */
.vertical-widget #widget-content
{
    font-size:14px;
    padding:24px 8px 0 8px;
    line-height:16px;
    vertical-align:middle;
    display:table-cell;
}
.vertical-widget #widget-content p
{
    margin:4px 0;
}
.vertical-widget .home-disclaimer{font-size:9px;position:absolute;bottom:8px;left:10px;line-height:10px;}
.vertical-widget .summary{font-size:14px;padding-top:2px;}
.vertical-widget #widget-content.topalign{vertical-align:top;}
.vertical-widget .hdr-line-1
{
    color:#13709c;
    font-family: Segoe UI, Arial;
    font-style:italic;
    font-size: 20px;  
    line-height:20px;
    padding:0;
    margin:0;  
}
.vertical-widget .hdr-line-2
{
    color:#13709c;
    font-family:Segoe UI, Arial;
    font-style:italic;
    font-size: 26px;    
    font-weight:bold;
    line-height:26px;
    padding:0;
    margin:0;
}
.vertical-widget .intro
{
    background:url('//220-001-CyberbullyingWidget-dev.smoothfusion.com/images/chevron.png') no-repeat 0 15px;
    color:#49af29;
    font-size:14px;
    padding:11px 0 0 14px;
    margin: 14px 0 6px 0px;
    line-height:16px;
}
.vertical-widget .intro span.block
{
    display:block;
    padding-top:8px;
}
.vertical-widget .btn-bottom-intro
{
    text-align:center;
    width:100%;
    position:absolute;
    bottom:204px;
    left:0;
}
.vertical-widget .btn-bottom
{
    position:absolute;
    bottom:146px;
    text-align:center;
    width:100%;
    left:0;
}
.vertical-widget .btn-bottom.summary
{
    bottom:34px;
}
.vertical-widget .lnk-footnote
{
    font-size:12px;
    color:#3f7da6;        
}
.vertical-widget .lnk-learn-more
{
    color:#3f7da6;
    text-decoration:underline;
}
.vertical-widget .img-intro
{
    position:absolute;
    bottom:68px;    
    left:0;
    text-align:center;
    width:100%;
}
.vertical-widget .img-question
{
    position:absolute;
    bottom:12px;    
    left:0;
    text-align:center;
    width:100%;
}

.vertical-widget .question
{
    padding:0;
    margin-bottom:4px;
}

.vertical-widget .choice
{
    margin:0;
    padding:4px 0;
}
.vertical-widget .answer
{
    padding:0;
    margin:4px 0;
}
.vertical-widget .answer span
{
    color:#49af29;
    font-weight:bold;
    font-size:14px;
}
.vertical-widget ul
{
    margin:0;
    padding-left:14px;
}
/* End vertical Content */

