body {
     background-color:#F0F4E6;
    }
    .clear {
        clear:both;
    }



    /*-----------------------------------------------------------------  LOGIN */
    #login-cnt {
		    margin:0px auto;
            width:700px;
            font-size:12px;
            font-family:Calibri,Tahoma,Arial;
        }
        #login {
            clear:both;
            height:400px;
            padding:0 20px;
            border-radius:none;
            border:solid 4px #9CC525;
            background-color:#FFF;

            border-radius: 8px 8px 8px 8px;
            box-shadow: 0 0 40px #CCCCCC;
        }
            #login h1 {
                font-family: Calibri,sans-serif;
                font-size: 30px;
                text-shadow: 0 0 7px #dddddd;
                color:#7EA311;
            }
            #login p span { 
                display:block; 
                padding-bottom:2px;
                color:#606060;
            }
            #login input[type=password],
            #login input[type=text] { 
                background: url("../img/input_bg.png") repeat-x scroll left top #FEFEFE;
                border: 1px solid #9A9A9A;
                color: #404347;
                padding:4px 2px;
                font-size: 17px;
                font-weight:bold;
                height:20px;
                border-radius: 4px 4px 4px 4px;
                padding: 8px 6px;
            }
            #login a {
                color:#1D72A3;

            }
            #login a:visited, a:link, a:active {
                color:#1D72A3;
                text-decoration:none;
            }
            #login a:hover, a:focus {
                text-decoration:underline;
            }

    /*-----------------------------------------------------------------  AJAX LOADER */
    #loader {
        width:100%;
        height:30px;
        background: url(../img/loader.gif) top center no-repeat;
    }

    /*-----------------------------------------------------------------  ERROR */
    .validationError {
        color:Red !important;
        font-size: 12px;
    }
    /*-----------------------------------------------------------------  NOTIFICATIONS */
    .notificationOk
    {
        font-size: 12px;
        color: #3A3A3A;
        padding: 14px 40px;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #AEE756;
        background: url("../img/okay_14x14.png") no-repeat scroll 13px 15px #E9FAD0;
        margin-top:5px;
        line-height:14px;
    }
    .notificationError
    {
        font-size: 12px;
        color: #000;
        padding: 14px 40px;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #F08A73;
        background: url("../img/del-image.png") no-repeat scroll 13px 15px #FFE3DF;
        margin:5px;
        line-height:20px;
    }
    .notificationWarning
    {
        font-size: 12px;
        color:#404040;
        padding: 14px 40px;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #EAE88A;
        background: url("../img/warning-icon.png") no-repeat scroll 13px 15px #FFFEDB;
        margin-top:5px;
        line-height:14px;
    }
    /*-----------------------------------------------------------------  LINKS BUTTONS */
    .button, .button:visited, .button:link, .button:active
    {
        background-color: #9CC525;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#9CC525), to(#547000));
	    background-image: -webkit-linear-gradient(top, #9CC525, #547000);
	    background-image: -moz-linear-gradient(top, #9CC525, #547000);
	    background-image: -o-linear-gradient(top, #9CC525, #547000);
	    background-image: -ms-linear-gradient(top, #9CC525, #547000);
	    background: linear-gradient(top, #9CC525, #547000);


        border: none;
        border-radius: 3px 3px 3px 3px;
        
        cursor: pointer;
        display: inline-block;
        overflow: visible;
        padding: 8px;
        position: relative;
        text-decoration: none;
        white-space: nowrap;
        color:#fff !important;
    }
    .button:hover, .button:focus
    {
        /*border-color: #3072B3 #3072B3 #2A65A0;*/
        color: #FFFFFF !important;
        text-shadow: 0 0 17px #dddddd;
        text-decoration:none;

        background-color: #547000;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#547000), to(#9CC525));
	    background-image: -webkit-linear-gradient(top, #547000, #9CC525);
	    background-image: -moz-linear-gradient(top, #547000, #9CC525);
	    background-image: -o-linear-gradient(top, #547000, #9CC525);
	    background-image: -ms-linear-gradient(top, #547000, #9CC525);
	    background: linear-gradient(top, #547000, #9CC525);
    }

    .button-danger, .button-danger:visited, .button-danger:link, .button-danger:active 
    {
        background: #D68D8B;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#D68D8B), to(#CE3E39));
	    background-image: -webkit-linear-gradient(top, #D68D8B, #CE3E39);
	    background-image: -moz-linear-gradient(top, #D68D8B, #CE3E39);
	    background-image: -o-linear-gradient(top, #D68D8B, #CE3E39);
	    background-image: -ms-linear-gradient(top, #D68D8B, #CE3E39);
	    background: linear-gradient(top, #dc5f59, #CE3E39);

        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 3px 3px 3px 3px;
        cursor: pointer;
        display: inline-block;
        overflow: visible;
        padding: 8px;
        position: relative;
        text-decoration: none;
        white-space: nowrap;
        color:#fff !important;
    }

    .button-danger:hover, .button-danger:focus {     
        border-color: #b53f3a;
        border-bottom-color: #a0302a;
        color: #fff; 

        background: #dc5f59;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
	    background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
	    background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
	    background-image: -o-linear-gradient(top, #dc5f59, #b33630);
	    background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
	    background: linear-gradient(top, #dc5f59, #b33630);
    }

    
    .button-ok, .button-ok:visited, .button-ok:link, .button-ok:active 
    {
        background-color: #7FC1FF;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#7FC1FF), to(#3072b3));
	    background-image: -webkit-linear-gradient(top, #7FC1FF, #3072b3);
	    background-image: -moz-linear-gradient(top, #7FC1FF, #3072b3);
	    background-image: -o-linear-gradient(top, #7FC1FF, #3072b3);
	    background-image: -ms-linear-gradient(top, #7FC1FF, #3072b3);
	    background: linear-gradient(top, #7FC1FF, #3072b3);

        border-radius: 3px 3px 3px 3px;
        cursor: pointer;
        display: inline-block;
        overflow: visible;
        padding: 8px;
        position: relative;
        text-decoration: none;
        white-space: nowrap;
        color:#fff !important;
    }
    .button-ok:hover, .button-ok:focus
    {
        border-color: #3072B3 #3072B3 #2A65A0;
        color: #FFFFFF !important;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
        
        background-color: #3C8DDE;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
	    background-image: -webkit-linear-gradient(top, #599bdc, #3072b3);
	    background-image: -moz-linear-gradient(top, #599bdc, #3072b3);
	    background-image: -o-linear-gradient(top, #599bdc, #3072b3);
	    background-image: -ms-linear-gradient(top, #599bdc, #3072b3);
	    background: linear-gradient(top, #599bdc, #3072b3);
    }