body {margin: 0; padding: 3px; font-family: 'Arial', sans-serif; font-size: 12px; color: #444;}
* {border: none; outline: none}

/************************************************************************* text align */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/************************************************************************* float */
.left {float: left;}
.right {float: right;}
.fnone {float: none;}
.clear {clear: both;}

/************************************************************************* links */
A {color: #444; text-decoration: none;}
A:hover {text-decoration: underline;}

/************************************************************************* widget preview */
.widget {float: left;}
.widget.inColorbox {float: none; padding: 0;}
.widget .widgetImgContent {position: relative;}
.widget .slideshowPreview img {padding: 10px; background: white; border-radius: 3px; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.widget .gridPreview {padding: 10px; background: white; border-radius: 3px; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.widget .socialLine {position: absolute; bottom: 10px; left: 10px; background: rgba(0,0,0,0.5); display: none; transition: 150ms; z-index: 500;}
.slideshowPreview:hover .socialLine {display: block;}
.socialLine.noSharing {display: none !important;}
.widget .socialLine .in {padding: 8px;}
.widget .socialLine .facebook {display: block; background: url('../../img/socialIcon.png') no-repeat center top; width: 20px; height: 19px; float: left; margin-right: 3px;}
.widget .socialLine .twitter {display: block; background: url('../../img/socialIcon.png') no-repeat center center; width: 20px; height: 19px; float: left; margin-right: 3px;}
.widget .socialLine .gplus {display: block; background: url('../../img/socialIcon.png') no-repeat center bottom; width: 20px; height: 19px; float: left;}
.widget .widgetLabel {font-size: 12px; color: #AAAAAA; padding-top: 8px;}

.widgetImgContent.bordered .slideshowPreview img, .widgetImgContent.bordered .gridPreview {border: 1px solid #ddd;}
.widgetImgContent.shadowTrue .slideshowPreview img, .widgetImgContent.shadowTrue .gridPreview {box-shadow: 0 0 5px rgba(0,0,0,0.25);}

.slideshowPreview {display: block;}
.gridPreview {text-align: center; height: auto;}
.gridPreview .gridPhotoContent {float: left; margin: 0 5px 5px 0; position: relative;}