/*--------------------------------------------------------------
# The Moment - March 2008 (for Joomal 1.5)
# Copyright (C) 2007-2008 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/

/* Typohraphy 
-----------------------------------------------------------------------------------*/
pre,
.code {
	background-color:#f9f9f9;
	border-left:5px solid #5a5a47;
	margin:10px 0pt 15px;
	padding:10px 15px;
	font-size: 11px;
	color: #5a5a47;
}
.info {
	background:transparent url('../images/icons/info.gif') no-repeat left top;
	color:#6F95B7;
	padding-left:30px;
}
.warning {
	background:transparent url('../images/icons/warning.gif') no-repeat left top;
	color:#cc0000;
	padding-left:30px;
}
.tips {
	background:transparent url('../images/icons/tips.gif') no-repeat left top;
	color:#E98B05;
	padding-left:30px;
}
.date {
	background:transparent url('../images/icons/date.gif') no-repeat left top;
	color:#35cc00;
	padding-left:30px;
}
.audio,
.credit,
.email,
.feed,
.help,
.webcam {
	background:transparent url('../images/icons/audio.gif') no-repeat left top;
	padding-left:30px;
}
.credit {
	background:transparent url('../images/icons/credit.gif') no-repeat left top;
}
.email {
	background:transparent url('../images/icons/email.gif') no-repeat left top;
}
.feed {
	background:transparent url('../images/icons/feed.gif') no-repeat left top;
}
.help {
	background:transparent url('../images/icons/help.gif') no-repeat left top;
}
.webcam {
	background:transparent url('../images/icons/webcam.gif') no-repeat left top;
}
.highlight-1,
.highlight-2,
.highlight-3,
.highlight-4 {
	padding:1px 5px;
}
.highlight-1 {
	background:#ffffda;
}
.highlight-2 {
	background:#f9f9f9;
}
.highlight-3 {
	background:#5a5a47;
	color: #fff;
}
.highlight-4 {
	background:#719402;
	color: #fff;
}
span.clear,
span.clear-1,
span.clear-2,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6,
span.color-7 {
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
}
span.clear {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
span.clear-1 {
	border-top: 1px solid #5a5a47;
	border-bottom: 1px solid #5a5a47;
	color: #5a5a47;
}
span.clear-2 {
	border-top: 1px solid #5c7700;
	border-bottom: 1px solid #5c7700;
	color: #5c7700;
}
span.color {
	border-top: 1px solid #b9b9ae;
	border-bottom: 1px solid #b9b9ae;
	background: #efefe2;
	color: #5a5a47;
}
span.color-1 {
	border-top: 1px solid #5c7700;
	border-bottom: 1px solid #5c7700;
	background: #f9f9f9;
	color: #5c7700;
}
span.color-2 {
	border-left: 2px solid #84a902;
	color: #5c7700;
}
span.color-3 {
	border-left: 2px solid #5a5a47;
	color: #5a5a47;
}
span.color-4 {
	border-top: 2px solid #4b4b3a;
	border-bottom: 2px solid #4b4b3a;
	background: #5a5a47;
	color: #fff;
}
span.color-5 {
	border-top: 2px solid #838357;
	border-bottom: 2px solid #838357;
	background: #4b4b3a;
	color: #fff;
}
span.color-6 {
	border-top: 2px solid #597401;
	border-bottom: 2px solid #597401;
	background: #719402;
	color: #fff;
}
span.color-7 {
	border-top: 2px solid #719402;
	border-bottom: 2px solid #719402;
	background: #597401;
	color: #fff;
}

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;}
.important {border: 1px solid #333;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

.importante, .importante-blue, .importante-red, .importante-green, .importante-purple, .importante-orange, .importante-brown, .importante-grey {padding: 15px;margin: 25px 0 10px 0;position: relative;}
span.importante-title, span.importante-title-blue, span.importante-title-red, span.importante-title-green, span.importante-title-purple, span.importante-title-orange, span.importante-title-brown, span.importante-title-grey {position: absolute;display: block;top: -22px;left: 10px;padding: 3px 8px;font-size: 120%;}

.importante {border: 1px solid #444;}
.importante-blue {border: 1px solid #0D507A;}
.importante-red {border: 1px solid #D12E2E;}
.importante-green {border: 1px solid #74A824;}
.importante-purple {border: 1px solid #9E0E87;}
.importante-orange {border: 1px solid #CC8300;}
.importante-brown {border: 1px solid #8B6846;}
.importante-grey {border: 1px solid #666;}
span.importante-title {background: #444;color: #fff;}
span.importante-title-blue {background: #0D507A;color: #fff;}
span.importante-title-red {background: #D12E2E;color: #fff;}
span.importante-title-green {background: #74A824;color: #fff;}
span.importante-title-purple {background: #9E0E87;color: #fff;}
span.importante-title-orange {background: #CC8300;color: #fff;}
span.importante-title-brown {background: #8B6846;color: #fff;}
span.importante-title-grey {background: #666;color: #fff;}



span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 10px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6;}


/*Comment left*/
div.comment-left {
	margin: 0 0 15px;
	min-height: 58px;
	padding: 0 0 0 65px;
	position: relative;
}

div.comment-left .avatar {
	left: 0;
	position: absolute;
	top: 0;
	width: 58px;
}

div.comment-left .avatar img {
	border: 5px solid #EEEEEE;
}

div.comment-left .comment-content {
	background: url(../images/arrow-left.gif) no-repeat top left;
	padding-left: 8px;
}

div.comment-left .comment-text {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-left: none;
	line-height: 1.5;
	padding: 5px 10px;
}

/*Comment right*/
div.comment-right {
	margin: 0 0 15px;
	min-height: 58px;
	padding: 0 65px 0 0;
	position: relative;
}

div.comment-right .avatar {
	position: absolute;
	right: 0;
	top: 0;
	width: 58px;
}

div.comment-right .avatar img {
	border: 5px solid #EEEEEE;
}

div.comment-right .comment-content {
	background: url(../images/arrow-right.gif) no-repeat top right;
	padding-right: 8px;
}

div.comment-right .comment-text {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-right: none;
	line-height: 1.5;
	padding: 5px 10px;
}

.highlight-laranja {
	background: #FFFFCC;
	color: #F89A20;
	font-weight: bold;
	padding: 1px 5px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4, div.bubble5 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author,
div.bubble5 span.author {
	font-weight: bold;
	margin-left: 10px;
	padding-left: 0px;
}

div.bubble1 div {
	background: url(../images/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 10px 15px 20px;
	width: auto;
}

div.bubble2 div {
	background: url(../images/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 10px 15px 25px;
	width: auto;
}

div.bubble3 div {
	background: url(../images/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

div.bubble4 div {
	background: url(../images/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	background: url(../images/icon-checklist.gif) no-repeat 15px 5px !important;
	padding: 0 0 0 35px;
}

/* Check list arrow */
ul.arrow {
	list-style: none;
}

ul.arrow li {
	background: url(../images/arrow.gif) no-repeat 15px 7px;
	padding: 0 0 0 30px;
}