/** ..:: Lowdown | Send article to a friend ::.. **/

/* Structure */
#refer-article { position: relative; overflow: hidden; }

#refer-article .form_col { float: left; width: 255px; }
#refer-article .form_col.right { border-left: 1px dotted #7B8293; padding-left: 20px; }

/* Fields */
#refer-article label { display: block; padding: 6px 0px;}
#refer-article .field {
	background: #FFF url('/Resources/JazeDigital/Sites/TheTemplates/Images/Icons/form_validation.png') no-repeat;
	background-position: top right;
	border: 1px solid #000;
	width: 220px;
	padding: 6px;
}
#refer-article textarea.field { height: 100px; background: white; }
#refer-article .row { margin: 5px 0px 5px 0px; }
#refer-article .input-button { font-size: 14px; text-transform: uppercase; text-align: center; }
#refer-article .cancel { margin-left: 10px; }

/* Validation */
#refer-article .aurora-field-invalid { background-position: right -194px; }
#refer-article .aurora-field-valid { background-position: right -164px; }

/* Success */
#form_success { padding: 20px 0px 20px 150px; }
#form_success .form_success_inner {
	background: url('/Resources/HUBB/Sites/HubbVideos/Images/Icons/form_success.png') top left no-repeat;
	padding: 20px 0px 30px 150px;
	color: #000;
}

.comments { font-family: arial; }
.comments .comment { font-size: 11px; }
.is_ie .comments .comment p { font-size: 12px; }
.comments .comment .container { position: relative; zoom: 1; border: 1px solid #d9d9d9; background: #f6f6f6; padding: 10px; margin-bottom: 15px; }
.comments .comment .arrow { position: absolute; zoom: 1; left: 10px; bottom: -11px; width: 12px; height: 11px; background: transparent url('/Resources/Lowdown/Sites/Lowdown/Images/Backgrounds/comment-arrow.png') no-repeat scroll left bottom; }
.comments .comment p { margin-bottom: 0; }
.comments .comment .name { font-weight: bold; margin: 0 0 10px 10px; }
.comments .comment .button { margin: 5px 0 0 -10px; }
.is_ie6 .comments .comment .button {
	margin-left: -5px!important;
    background: transparent !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=/Resources/LowDown/Sites/Lowdown/Images/Buttons/green.png, sizingmethod=crop);
}

/** Comments **/
.comment-form { clear: both; }
cite { font-size: 11px; color: #666; }
.comments blockquote { border-top: 1px solid #ececec; width: 400px; }
.comments h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px dotted #000; width: 400px; }

/* States */

h2.state { margin: 40px 0 30px -29px; }

.heading { padding: 17px 0 17px 80px; }
.introduction { margin: 0 0 20px 80px; }
#heading-National { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-National.png) no-repeat scroll left center; }
#heading-QLD { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-Qld.png) no-repeat scroll left center; }
#heading-NSW { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-NSW.png) no-repeat scroll left center; }
#heading-ACT { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-ACT.png) no-repeat scroll left center; }
#heading-VIC { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-Vic.png) no-repeat scroll left center; }
#heading-TAS { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-Tas.png) no-repeat scroll left center; }
#heading-SA { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-SA.png) no-repeat scroll left center; }
#heading-WA { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-WA.png) no-repeat scroll left center; }
#heading-NT { background:transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/state-NT.png) no-repeat scroll left center; }

/* Articles Styles */
.articles h4 small { display: block; font-size: 11px; color: #666; font-weight: normal; }
.articles .date { margin-top: -20px; }

/* Contributor */
.contributor img { width: 150px; border: 4px solid #ddd; padding: 1px; background-color: white; }

/* Articles */
.articles .clearfix { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 8px solid #ddd; }
.articles .square { width: 220px; border-bottom: 0; }
.articles .square h4 { font-size: 15px; }
.is_ie .feature .image .caption { width: 180px; zoom: 1; }

.smallAd {
    padding: 20px;
    margin: 10px 0px;
    background-color: #DDD;
    border-color: #DDD;
    text-align: center;
    font: 12px Arial, Tahoma, sans-serif;
    color: #000;
    display: block;
    text-decoration:none;
    text-transform:uppercase;
    height: 20px;
    font-weight: bold;
}

/* Block */
.article.block {
    background-color: #ddd;
    border-color: #ddd;
    color: black;
    display:block;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    height:20px;
    padding:110px 0;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
}

.is_ie6 .article.block { height: 100px; }

.article.block span, .smallAd span { display: none; font-weight: normal; text-transform: none;  }
.article.block:hover span, .smallAd:hover span { display: block; text-decoration: blink; }
.article.block:hover, .article.block:focus, .smallAd:hover, .smallAd:focus { background-color: #11732A; border-color: #11732A; color: white; }

/* Feature */
.feature-article { position: relative; zoom: 1; background-color: #E7E7E7; padding: 20px; margin:0 15px 20px 0; overflow: hidden; }
.feature-article img { padding: 9px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); background-color: white; }

.feature-article h2 { margin-bottom: 0; }
.feature-article h2 small { display: block; font-size: 13px; color: #999; font-weight: normal; }
.feature-article .story { float: left; width: 240px; }
.feature-article .image { position: relative; float: left; margin: 0 30px 0 0; }
.feature-article .date { margin: 0 0 20px; }
.feature-article .latest { position: absolute; right: 15px; top: -2px; background: url('/Resources/Lowdown/Sites/Lowdown/Images/Backgrounds/latest-review.png') top left no-repeat; color: white; font-weight: bold; font-family: helvetica,arial; text-align: center; width: 46px; height: 36px; padding: 10px; }

.is_ie6 .inset-hilight, .is_ie7 .inset-hilight  { z-index: 9999; zoom: 1; }
.is_ie6 .col_layout_right, .is_ie7 .col_layout_right  { z-index: -1; position: relative; }
.is_ie6 .articles { width: 720px; }