/*****************************************************************

	comenziforever.ro
	Content stylesheet (mostly inline elms and other content entities)
	
	Created by the lovely ladies and awesome gentleman from Hyperactive
	http://www.hyperactive.ro | office@hyperactive.ro
	
*****************************************************************/

/*****************************************************************
begin basic content styles
*****************************************************************/
body {
	color: #5F6150;
	font: normal 11px Tahoma;
}
h1 {
	color: #3E4222;
	font: normal 26px/1.1 "Calibri", Arial, sans-serif;
}
h2 {
	color: #3E4222;
	font: bold 17px/1 "Calibri", Arial, sans-serif;;
}
h3 {
	color: #3E4222;
	font: bold 15px/1.5 "Calibri", Arial, sans-serif;;
}
.hidden {
	height: 0;
	overflow: hidden;
	margin: 0 !important;
}
h4 {
	color: #3E4222;
	font: bold 13px/1.5 "Calibri", Arial, sans-serif;;
}
p {
	color: #5F6150;
	font: normal 11px/1.35 Tahoma;
}
strong, b {
	font-weight: bold;
}
b {
	color: #F5D316;
}
em, i {
	font-style: italic; 
}
ins {
	text-decoration: underline;
}
small {
	font-size: 90%;
}
sup {
	vertical-align: super;
	font-size: 70%;
}
sup.ron {
	vertical-align: middle;
	font: bold 11px Tahoma;
	position: relative;
	top: -4px;
}
sub {
	vertical-align: sub;
}
/*****************************************************************
begin corner classes
*****************************************************************/
.cr {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tr {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.tl {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.br {
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.bl {
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
/*****************************************************************
begin content links
*****************************************************************/
a {
	color: #C60;
	text-decoration: underline;
}
a:hover {
	color: #5F6150;
}
a span, a i {
	cursor: pointer !important;
}
a.details {
	color: #f90;
}
a.details.line-height {
	line-height: 1.8;
}
a.details.block {
	display: block;
	margin-top: 7px;
}
a.details:hover {
	color: #5F6150;
}
a.secondary-go {
	color: #C2D040;
}
a.secondary-go:hover {
	color: #fff;
}
a.go {
	color: #F5D316;
}
a.go:hover {
	color: #fff;
}
a.button, a.button span, a.button i.ui {
	color: #fff;
	display: block;
	float: left;
	font: normal 11px/23px Arial, sans-serif;
	text-decoration: none;
	white-space: nowrap;
}
a.button {
	background-position: left -93px;
	padding: 0 0 0 5px;
}
a.button span {
	background-position: right -93px;
	padding: 0 10px 0 5px;
}
a.button:hover span, a.button:hover i.ui {
	color: #485412;
}
a._button {
	background-position: left -116px;
}
a._button span {
	background-position: right -116px;
}
a.submit {
	background-position: left -162px;
}
a.submit span {
	background-position: right -162px;
}
a.submit:hover span, a.submit:hover i.ui {
	color: #C2D040;
}
a._submit {
	background-position: left -185px;
}
a._submit span {
	background-position: right -185px;
}
a.finish {
	background-position: left -208px;
	height: 28px;
	padding: 0 0 0 8px;
}
a.finish span {
	background-position: right -208px;
	height: 28px;
	font: bold 13px/28px Arial, sans-serif;
	padding: 0 16px 0 8px;
}
a.finish i.ui {
	height: 28px;
	font: bold 13px/28px Arial, sans-serif;
}
a._finish {
	background-position: left -236px;
}
a._finish span {
	background-position: right -236px;
}
a.back {
	margin: 0 0 5px 0;
}

p.info {
	background: url(../images/icon-info.png) 4px 0 no-repeat;
	color: #A1A595;
	font: normal 11px/1.28 Arial, sans-serif;
	padding: 5px 0 0 32px;
	position: relative;
}
div.wide {
	background: #485412;
	color: #fff;
}
div.wide p, div.wide h1, div.wide h3, div.wide label {
	color: #fff !important;
}
/*****************************************************************
begin lists
*****************************************************************/
ul.basic-list li {
	color: #687819;
	line-height: 1;
	padding-left: 2px;
	margin: 0 0 10px 0;
	white-space: nowrap;
}
ul.basic-list li.first {
	margin-top: 0 !important;
}
ul.basic-list li a {
	padding: 0 3px 0 0;
}
ul.basic-list li strong.arrow {
	padding: 0 3px 0 0;
}
ul.basic-list span {
	color: #687819;
}
div.checked ul li {
	background: url(../images/li.checkd.png) 4px 3px no-repeat;
	font: normal 11px/1.28 Arial, sans-serif;
	margin: 0 0 15px 0;
	padding: 0 0 0 32px;
}
/*****************************************************************
begin tinymce content class
*****************************************************************/
div.inner-content p {
	margin: 0 0 20px 0;
}
div.inner-content h2, div.inner-content h3, div.inner-content h4 {
	margin: 0 0 10px 0;
}
div.inner-content ul, div.inner-content ol {
	margin: 0 0 20px 0;
} 
div.inner-content ul {
	list-style: disc inside;
}
div.inner-content ol {
	list-style: decimal inside;
}
div.inner-content li {
	line-height: 20px;
}
div.inner-content *:last-child {
	margin: 0;
}
/*****************************************************************
begin ui images
*****************************************************************/
.ui_img {
	display: block;
	float: left;
}
i.ui {
	font-style: normal;
	display: block;
}
i.cart {
	background: url(../images/cart.gif) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 28px;
	margin: 0 10px 0 0;
	width: 32px;
}
a.pic i.ui {
	background-position: 0 -72px;
}
a.video i.ui {
	background-position: 0 -87px;
}
a.pdf i.ui {
	background-position: 0 -105px;
}
a.print i.ui {
	background-position: 0 -123px;
}
button.update i.ui {
	background-position: 0 -140px !important;
	padding: 0 0 0 19px;
}
button.update:hover i.ui {
	background-position: 0 -166px !important;
}
a.back i.ui {
	background-position: -1px -212px;
	padding: 0 0 0 11px
}
i.logo {
	background: url(../images/logo-small.gif) 0 0 no-repeat;
	display: block;
	height: 44px;
	margin: 0 30px 0 20px;
	width: 38px;
}
a.yes i.ui {
	background-position: -1px -265px;
}
a.yes:hover i.ui {
	background-position: -1px -288px;
}
a.no i.ui {
	background-position: -1px -311px;
}
a.no:hover i.ui {
	background-position: -1px -334px;
}
button.send i.ui, a.send i.ui {
	background-position: -1px -357px !important; 
	padding: 0 0 0 15px;
}
a.up i.ui {
	background-position: right -385px;
	padding: 0 28px 0 0;
}
a.arrow i.ui {
	background-position: right -408px;
	padding: 0 28px 0 0;
}
h2.accordion_toggle_active a.arrow i.ui {
	background-position: right -442px;
}
/*****************************************************************
begin notifications
*****************************************************************/
div.notification {
	background: url(../images/ico/information.png) #E7F1FA 10px 10px no-repeat;
	border: 1px solid #AEC5E3;
	color: #333 !important;
	margin: 0 0 15px;
	padding: 10px 10px 10px 34px !important;
}
div.notification p, div.notification ul {
    color: #333 !important;
	line-height: 1.2;
	margin: 0 0 5px 0;
}
div.ok {
	background: url(../images/ico/accept.png) #E2F9E3 10px 10px no-repeat;
	border-color: #9C9;
}
div.error {
	background: url(../images/ico/exclamation.png) #FFE3E3 10px 10px no-repeat;
	border-color: #E38282;
}
/*****************************************************************
begin notifications
*****************************************************************/
.tooltip {
	background: #FFF8DC;
	border: 1px solid #FFD100;
	color: #333 !important;
	padding: 2px 5px !important;
}
strong.rel-tooltip {
	cursor: help;
}