/* IE7 CSS */
.ie7 {
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F2F2F2', EndColorStr='#FFFFFF');
}
	
.ie7 #wrapper > section > aside {
	left: 0;	
}

.ie7 #wrapper > section > aside > nav > UL LI > a > span {
	width: 235px;	
}

.ie7 #wrapper > section > aside > nav > ul li > a {
	border-color: none;
	border-right: none;
	border-style: none;
	border-width: none;
	display: inline-block;
}
.lte8 .grid_12 .button, .lte8 .grid_12 a.icon-only, .lte8 #main-content button, .lte8 .toolbar li a:hover, .lte8 .toolbar li a:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87B535', endColorstr='#66952E');
}

html {
	background: url("../images/pattern6.png") repeat scroll top center transparent;
    min-width: 700px;/*add ma 20130118*/
}

#wrapper > section > aside {
  	margin-top: 65px;
}
#wrapper > section > section > section {
  min-height: 420px;
  padding-top: 10px;
}
.drilldownMenu .helper {
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 20px;
  	width: 280px;
}
#wrapper > header > h1 {
	background: url("../images/logo.png") no-repeat scroll 7px center transparent;
	height: 55px;
	margin-top: 28px;
	width: 240px;
	z-index: 100;
	cursor: pointer;
	background-size: 90% 90%;
}
html .button, html .button:hover {
	background-image: -moz-linear-gradient(center top , #87B535, #66952E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87B535', endColorstr='#66952E'); /* for IE */
    background-image: -ms-linear-gradient(top, #87B535 5%, #66952E 53%);
	background: -webkit-gradient(linear, left top, left bottom, from(#87B535), to(#66952E)); /* for webkit browsers */
	border-radius: 12px 12px 12px 12px;
	box-shadow: 0 0 6px #888888 inset;
	color: #F1F1F1;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 20px;
	text-align: center;
	width: 95px;
}
html .button:hover {
	box-shadow: 0 0 3px #ffffff inset;
}

.remove-button, .remove-button:hover{
	background-image: -moz-linear-gradient(center top , #8A0808, #F78181);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A0808', endColorstr='#F78181'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8A0808), to(#F78181)); /* for webkit browsers */
}
.notNowBtn {
	bottom: 13px;
	float: right;
	font-family: 'AlternateGothic2BTRegular';
	font-size: 24px;
	height: 40px;
	position: absolute;
	right: 21px;
	width: 120px;
}
.readMoreBtn , .readMoreBtn:hover{
	background-image: -moz-linear-gradient(center top , #8A0808, #F78181);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A0808', endColorstr='#F78181'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8A0808), to(#F78181)); /* for webkit browsers */
	bottom: 11px;
	float: right;
	height: 45px;
	position: absolute;
	right: 146px;
	width: 206px;
	font-size: 37px;
	font-family: 'AlternateGothic2BTRegular';
}
/*
#wrapper > section > aside > nav > ul li {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
*/
#wrapper > section > aside > nav > ul li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px #888888 inset;
  color: #F1F1F1;
  font-size: 7px;
}
ul, ol {
	list-style: none outside none;
}
a {
	color: #73AE0B;
	text-decoration: none;
}
.toolbar li {
  margin: 5px;
}
#wrapper > header > nav .user-info, .grid_12 a {
  margin-top: 5px;
}

.helper-man-notify {
	height: 110px;
	left: 42px;
	position: absolute;
	top: 500px;
	width: 229px;
}
.message-count {
	top:0;	
}

#main-wizard {
	border:1px solid #CCCCCC;
	background-color: white;
	border-bottom: 0;
    
}
#main-wizard nav > ul li div {
	background-color: #E0ECFF;
    width: 86%;
}
#main-wizard nav > ul li div#howToStartEditor {
	background: url("../images/wizard/editor/start.png") no-repeat scroll 0 0 transparent;
	float: left;
	width: 166px;
}
#main-wizard nav > ul li div#createOrder {
	background: url("../images/wizard/editor/order.png") no-repeat scroll 0 -3px white;
	float: left;
	font-weight: bold;
	line-height: 120px;
	text-align: center;
	vertical-align: bottom;
}
#main-wizard nav > ul li div#createOrder:hover {
	background-position: 0 -8px;
}
#main-wizard nav > ul li div#chargeMoney {
	background: url("../images/wizard/editor/deposit.png") no-repeat scroll 0 -3px white;
	float: left;
	font-weight: bold;
	line-height: 120px;
	text-align: center;
	vertical-align: bottom;
}
#main-wizard nav > ul li div#chargeMoney:hover {
	background-position: 0 -8px;
}
#main-wizard nav > ul li div#createProject {
	background: url("../images/wizard/editor/project.png") no-repeat scroll 0 -3px white;
	float: right;
	margin-right: 25px;
    width: 110px;
    font-weight: bold;
	line-height: 120px;
	text-align: center;
	vertical-align: bottom;
}
#main-wizard nav > ul li div#createProject:hover {
	background-position: 0 -8px;
}
#main-wizard nav > ul li div#createGuideline {
	background: url("../images/wizard/editor/guideline.png") no-repeat scroll 0 -3px white;
	float: right;
	width: 110px;
	font-weight: bold;
	line-height: 120px;
	text-align: center;
	vertical-align: bottom;
}
#main-wizard nav > ul li div#createGuideline:hover {
	background-position: 0 -8px;
}

#main-wizard nav > ul li div#howToStartAuthor {
  background: url("../images/wizard/author/start.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 76px;
  margin-top: -6px;
  width: 180px;
}

#tip {
	padding: 10px;
	margin: 12px 30px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 92%;
	background-image: url(../images/lampadina_small.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 20px 19px;
	padding-left: 35px;
	font-size: 12px;
	color: #333333;
	height: 12px;
    line-height: 12px;
}

.tabs > ul > li > a.current, .tabs > ul > li > a {
	font-size: 21px;
}
.tabs > ul > li > a.current {
	color: #73AE0B;
}
#msgBoxesContainer #genericErrorMsgBox .ui-notify-message-style {
	/*background: url("../images/errorBox-bg.png") repeat-x center transparent;*/
    background: url("../images/errorBox-bg.png") repeat-x top #EFBABD;
	border: 2px solid #EFBABD;
}
#msgBoxesContainer #genericSuccessMsgBox .ui-notify-message-style {
	/*background: url("../images/successBox-bg.png") repeat-x center transparent;*/
    background:url("../images/successBox-bg.png") repeat-x top #D7E1B0;
	border: 2px solid #D7E1B0;
}
#msgBoxesContainer #genericErrorMsgBox .ui-notify-message-style h1, #msgBoxesContainer #genericErrorMsgBox .ui-notify-message-style p {
	color: #C10005;
	font-size: 16px;
	line-height: 19px;
}	
#msgBoxesContainer #genericSuccessMsgBox .ui-notify-message-style h1, #msgBoxesContainer #genericSuccessMsgBox .ui-notify-message-style p {
	color: #39420D;
	font-size: 16px;
	line-height: 19px;
}
.removeWebSiteBtn, .removeProjectBtn, .removeGuidelineBtn, .removeOrderBtn, .modifyProjectBtn, .modifyOrderBtn, .modifyGuidelineBtn, .createOrderBtn, .createBtn, .galleryOrderBtn, .confirmOrderBtn, .downloadOrderBtn,.copyBtn, .serviceOrderBtn{
	width: 16px;
	height: 16px;
	cursor: pointer;
	/*float: left;*/
    /*margin: 4px;*/
    margin: 2px;
    margin-left: auto!important;
    margin-right: auto!important;

}

.createBtn{
    float: left;
    margin: 4px;
}
.removeArticleBtn {
	width: 14px;
	height: 12px;
    margin: 4px;
}
.removeWebSiteBtn:hover, .removeProjectBtn:hover, .removeGuidelineBtn:hover, .removeOrderBtn:hover, .modifyProjectBtn:hover, .modifyGuidelineBtn:hover, .modifyOrderBtn:hover, .createOrderBtn:hover, .createBtn:hover ,.confirmOrderBtn:hover ,.copyBtn:hover,.serviceOrderBtn:hover{
	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 3px;
}
.removeArticleBtn:hover {
	width: 16px;
	height: 12px;
	margin-left: 4px;
	margin-top: 3px;
}

.galleryOrderBtn {
	width: 14px;
	height: 12px;
    margin: 4px;
}
.galleryOrderBtn:hover {
	width: 16px;
	height: 12px;
	margin-left: 4px;
	margin-top: 3px;
}

.downloadOrderBtn {
	width: 14px;
	height: 12px;
    margin: 4px;
}

.downloadOrderBtn:hover {
	width: 16px;
	height: 12px;
	margin-left: 4px;
	margin-top: 3px;
}

.removeWebSiteBtn, .removeProjectBtn, .removeGuidelineBtn, .removeArticleBtn, .removeOrderBtn {
	background: url("../images/navicons-small/172.png") no-repeat center transparent;
}
.modifyProjectBtn, .modifyGuidelineBtn, .modifyOrderBtn {
	background: url("../images/navicons-small/165.png") no-repeat center transparent;
}

.confirmOrderBtn{
	background: url("/images/navicons-small/92.png") no-repeat center transparent;
}

.createOrderBtn {
	background: url("../images/navicons-small/136.png") no-repeat center transparent;
}
.createBtn {
	background: url("../images/navicons-small/10.png") no-repeat center transparent;
}
.galleryOrderBtn{
    	background: url("../images/navicons-small/121.png") no-repeat center transparent;
}
.downloadOrderBtn{
    	background: url("../images/navicons-small/40.png") no-repeat center transparent;    
}

#detailImg {
	background: url("../images/navicons-small/06.png") no-repeat center transparent;
	cursor: pointer;
	float: left;
	height: 15px;
	margin-right: 5px;
	width: 15px;
}
#detailImg:hover {
	margin-top: -2px;
}

table.display tr td{
	text-align: center;	
}
table.display tr td:first-child {
	text-align: left;	
}
#main-wizard .wizardLinkTop {
	padding-bottom: 78px;
    padding-right: 110px;
}
.wizard .items > section > header em {
	font-size: 12px;	
}

.authorHelper #imgHelperMenu.articlesPageIt {
	background: url("../images/help/author/articles.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
    margin-top: 15px;
}
.authorHelper #imgHelperMenu.earningsPageIt {
	background: url("../images/help/author/earnings.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
    margin-top: 15px;
}
.authorHelper #imgHelperMenu.settingsPageIt {
	background: url("../images/help/author/settings.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
    margin-top: 15px;
}
.authorHelper #imgHelperMenu.profilePageIt {
	background: url("../images/help/author/profile.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
    margin-top: 15px;
}
.authorHelper #imgHelperMenu.ticketsPageIt {
	background: url("../images/help/author/tickets.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
    margin-top: 15px;
}

.editorHelper #imgHelperMenu.ordersPageIt {
	background: url("../images/help/editor/orders.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}
.editorHelper #imgHelperMenu.projectsPageIt {
	background: url("../images/help/editor/projects.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}
.editorHelper #imgHelperMenu.guidelinesPageIt {
	background: url("../images/help/editor/guidelines.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}
.editorHelper #imgHelperMenu.depositsPageIt {
	background: url("../images/help/editor/deposits.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}
.editorHelper #imgHelperMenu.profilePageIt {
	background: url("../images/help/editor/profile.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}
.editorHelper #imgHelperMenu.settingsPageIt {
	background: url("../images/help/editor/settings.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}
.editorHelper #imgHelperMenu.ticketsPageIt {
	background: url("../images/help/editor/tickets.png") no-repeat center transparent;
	height: 204px;
    width: 280px;
}

.main-wizard-link .userWizard {
	cursor: pointer;		
}

.closeNewsPopup{ 
	font-size:18px;
	color:#000; 
	font-weight:bold; 
	position:absolute; 
	right:13px; 
	top:5px;
	cursor:pointer;
	z-index: 1000;
}
.overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    cursor:pointer;
	opacity: .7; filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
}
	 
#newsPopup{ 
	width:600px; height:600px; 
	background: url("../images/omini.jpg") no-repeat center transparent;
	display:none; 
	z-index:+300; 
	position:absolute; 
	left:29%;
	top:4%;
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px; 
	border-radius: 15px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
} 

.read-more
{
	margin-left: 10px; 	
}

.tutorial img {
	margin-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
    width: 1000px;
}
.tutorial p img {
    margin: auto;
    width: auto;
}
.tutorial h1{
	text-align: center;
}
.tutorial {
	font-size: 16px;
	padding: 40px;
	padding-top: 0px;
}

.close-tip
{
	float: right;
	font-weight: bold;
	cursor: pointer;
	font-size: 18px;
}

.copyBtn {
	background: url("../images/navicons-small/42.png") no-repeat center transparent;
}




.addUnwishBtn, .removeUnwishBtn, .addWishBtn, .removeWishBtn {
	width: 16px;
	height: 16px;
    margin: 4px;
    float:left;
}

.addUnwishBtn:hover, .removeUnwishBtn:hover, .addWishBtn:hover, .removeWishBtn:hover  {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 3px;
    -webkit-filter: blur(1px);
    cursor:pointer;
}



.addWishBtn  {
	background: url("../images/navicons-small/24.png") no-repeat center transparent;
}
 .addUnwishBtn {
	background: url("../images/navicons-small/73.png") no-repeat center transparent;
}
.removeWishBtn, .removeUnwishBtn {
    background: url("../images/navicons-small/134.png") no-repeat center transparent;
}

.wishButton  {
	background: url("../images/navicons-small/24.png") no-repeat 3px  !important;
    padding-left: 20px !important;
}
.unwishButton {
	background: url("../images/navicons-small/73.png") no-repeat 3px  !important;
    padding-left: 20px !important;
}
.removeWishButton, .removeUnwishButton {
    background: url("../images/navicons-small/134.png") no-repeat 3px  !important;
    padding-left: 20px !important;
}
/*.outbrainPromote {
    background: url(/images/navicons-small/85.png) no-repeat center transparent;
}

.outbrainPromote {
    width: 16px;
    height: 16px;
    cursor: pointer; 
    margin: 2px;
    margin-left: auto!important;
    margin-right: auto!important;
}

.outbrainPromote:hover {
    width: 16px;
    height: 12px;
    margin-left: 4px;
    margin-top: 3px;
}
*/