.web-gadget {

	h4 {
		font-weight: 100;
		margin-bottom: 0;
	}

	p, .p {
		font-weight: 400;
		color: @gray_normal;
	}


    background-color: @white;
    // border: 1px solid #DEDEDE;
    margin: 10px 0px 10px 0px;
    min-height: 250px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px 0px #C7C6C6;

	.options {
		&:extend( .main-nav );
		color: #FFF;
		padding: 2px;
		cursor: move;
		overflow: auto;
		position: relative;
		height: 20px;
        line-height: 20px;
        text-transform: capitalize;

		> span {
			margin: 5px;
			padding-left: 10px;
		}

		ul {
			position: absolute;
			right: 10px;
			top: 3px;
			margin: 0px;
		}

		li {
			list-style: none;
			float: left;
			font-weight: bold;
			cursor: pointer;
		}
	}

	.gad-title {}

	.gad-content {
    	&:extend( .o-auto );
    	padding: 5px;

    	.web-list-more {
			padding: 10px;
			cursor: pointer;
			text-align: center;
			&:extend( .t-light );
			font-size: 15px;
		}
	}
}

// @linkColor:             #08c;
// @linkColorHover:        darken(@linkColor, 15%);

.gadgetRowItem {
	position: relative;
	border-bottom: 1px solid @gray_lite;
	overflow: auto;
	//margin-bottom: 5px;
	padding: 5px;
	color : @black;

    h5 {
      margin: 0;
      &:extend( .t-light );
    }

	.description, .link {
		font-weight: 400;
		color: @gray_normal;
        font-size: @df_font_size;
	}

    .date {
      font-size: 11px;
      color: @gray_middle;
    }

	.buttons-group {
		position: relative;
		display: none;
    	-webkit-transition: opacity 1s ease-out;
    	opacity: 0;
	}

	div.active {
		opacity: 1;
		display: block;
	}

	.link {
		color: @linkColor;
		cursor: pointer;
	}

	.rating {
		position: absolute;
		top: 0;
		right: 0;
		> div {
			float: left;
			width: 50px;
		}
	}

	.dijitButtonNode {
		padding: 2px 15px !important;
	}

	.link:hover {
		color: @linkColorHover;
		text-decoration: underline;
	}
}

.gadgetRowItem:last-child {
		border: 0;
}

/** tweetpoll votes **/

.ga-tp-votes {
	text-align: center;

	.graph-wrapper {
		min-height: 220px;
	}

	.tools {
		position: relative;

		.arrows span{
			width: 30px;
			height: 50px;
		}

		label {
			display: inline;
			clear: both;
		}

		i {
			cursor: pointer;
		}
	}
}

.web-directory {
	.web-directory-item {
			border-bottom: 1px solid #DDD;
			padding-bottom: 25px;
			margin-left: 10px;
			margin-right: 10px;

			&:last-child {
				border-bottom: 0;
			}

			.web-directory-item-title {
				margin: 0;
				&:extend( .t-light );
				>div {

					font-size: 22px;
					margin: 20px 0px 5px;
				}
				img {
					padding: 5px 0px 0px 0px;
					width: 70px;
					height: 70px;
				}
			}

			.web-directory-item-description {
				font-weight: 400px;
				font-size: 14px;
				padding-top: 20px;
				color: @gray_normal;
			}

			.web-directory-item-actions {
				padding-top: 20px;
			}
	}
}

