/*** Custom Dashboard ***/

/* BASE CSS - BEGINS HERE */
	/* DIMENSIONS */
	@total-columns	: 12;
	@column-width	: 60px;
	@column-margin	: 10px;
	@siteWidth		: 960px;
	@mobile-max		: 639px;
	@mobile-small	: 504px;
	@tablet-min		: @mobile-max + 1px;
	@tablet-max		: 959px;
	@desktop-min	: @tablet-max + 1px;
	@mobile-min		: 320px;
	@basic-margin	: 15px;
	
	/* COLORS */
	@orange-red			: #e04421; 			/* Titles, Links, Lines and Decorations */
	@dark-orange-red	: #c83615; 			/* Lines and Decorations */
	@dark-brown			: #271d18; 			/* Lines and Decorations */
	@medium-brown		: #332823; 			/* Text and Decorations */
	@light-brown		: #3e312b; 			/* Lines and Decorations */
	@calendar-brown		: #974e2c;
	@tan-brown			: #bfad9e; 			/* Menu Text, Lines and Decorations */
	@tan 				: #e7cfc2;			/* Background */
	@grey				: #e5e1d8;			/* Join Today - Table Lines */
	@light-grey			: #c2c2c2;			/* Join Today - Table Gradient */
	@white-grey			: #f9f9f9;			/* Join Today - Table Gradient */
	@gold				: #cca237; 			/* Lines and Decorations */
	@silver				: #bdccd4; 			/* Lines and Decorations */
	@bronze				: #a36a3b; 			/* Lines and Decorations */
	@blue				: #00aeef; 			/* Lines and Decorations */
	@dreamer 			: @blue;
	@green				: #55b949;
	@white				: #ffffff; 			/* Lines and Decorations */
	@black				: #000000; 			/* Lines and Decorations */

	/* FONTS */
	@font-copy		: helvetica, arial, sans-serif;
	@font-primary 	: "proxima-nova", sans-serif;
	@font-secondary : "museo-slab", sans-serif;

/* BASE CSS - ENDS HERE */

/* CSS CODE - BEGINS HERE */

.page-edit-ad {
	.content {
		#edit-ad-form {
                    
                    #popup {
                        left: 0;
                        position: fixed;
                        top: 0px;
                        width: 100%;
                        z-index: 1001;
                        height: 2300px;
                        background-color: rgba(0, 0, 0, 0.35);
                    }

                    #loading {
                        width: 50px;
                        margin: 300px auto 0;
                        background: #fff;
                        height: 50px;
                        padding: 10px;
                        border: solid 1px #ccc;
                        border-radius: 5px;

                    }
                    
                    
                    
			#edit-edit-ad {

				//padding-bottom: 20px;
                                background: #ffffff;
                                padding: 5px 14px 23px;
                                border: solid 2px #cccccc;
			}

			.link-account {
				padding: 9px 13px;
				text-decoration: none;
				font-size: 20px;
				font-weight: 700;
				font-family: @font-secondary;
				margin-top: 10px;
                                margin-bottom: 10px;
                                display: table;
				&:link, 
				&:visited, 
				&:hover, 
				&:active {
					color: @white;
					background-color: @orange-red;
				}

				&:hover, 
				&:active {
					color: @white;
					background-color: @dark-orange-red;
				}
			}
                        
                        #publish-ad {
                            
                            
                            .form-item-approved {
                                background: none repeat scroll 0 0 #e04421;
                                color: #ffffff;
                                margin-bottom: 12px;
                                margin-left: 0 !important;
                                margin-right: 0 !important;
                                margin-top: 0 !important;
                                padding: 10px;
                                width: 134px;
                                
                                .form-checkbox {
                                    border: 4px solid #ccc !important;
                                }
                                
                                .option {
                                    font-weight: bold;
                                    font-size: 20px;
                                    font-family: "museo-slab",sans-serif !important;
                                }
                                
                            }
                            
                        }
		}
	}
}

.page-edit-ad {
    
    #block-system-main .content #edit-ad-form #custom-edit-ad #edit-edit-ad {
        #edit-duplicate {
            margin-bottom: 13px !important;
        }
        
        .form-submit {
            margin: 4px 0px !important;
            cursor: pointer;
            font-family: "museo-slab",sans-serif;
            font-weight: bolder !important;
        }
    }
    
    .payinfo {
        margin-bottom: 16px;
    }
    
}

.Add{
    font-size: 20px;
    font-weight: bolder;
    float: right;
    margin-right: 30px;
    line-height: normal;
    text-decoration: none;
}
.Add:hover{
    text-decoration: none;
}
.hide{display:none;}

.headspan{cursor:pointer;}
div.status1{
background-image: url(/misc/message-24-ok.png);
border-color: #be7;
background-color: #f8fff0;
}
div.messages1{
background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
    margin: 1.5em 0;
}
#myform{width: 100%;}
#buttom-upload-logo{
    font-family: "proxima-nova",sans-serif;
    padding: 8px 16px;
    color: white;
    background-color: #e04421;
    text-decoration: none;
    border: none;
    zoom: 1;
    -webkit-appearance: none;
    border-radius: 0;
    margin:5px auto;
}
.page-edit-ad .imageeditor{display:none !important;}


/*** Fix Fluid Styles for Big Mobile Screens ***/
@media only screen and (min-width: @mobile-min + 155px) and (max-width: @mobile-max) { 
	/* CSS CODE - BEGINS HERE */

	/* CSS CODE - ENDS HERE */
}