@import "buttons.css";
@import "icon.css";
/* ============================================================================
jquery 'noitfyBar' plugin style
============================================================================*/
.jquery-notify-bar {
	font-family: Candara,Cochin, Georgia, Times, "Times New Roman", serif;
	text-shadow: 1px 1px 2px #DDD;
	-moz-box-shadow: 0px 2px 8px #888; /* FF3.5+ */;
	-webkit-box-shadow: 0px 2px 8px #888; /* Saf3.0+, Chrome */;
	box-shadow: 0px 2px 8px #888; /* Opera 10.5, IE 9.0 */;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 32768;
	color: #555;
	font-size: 18px;
	text-align: center;
	padding: 20px 0px;
	font-weight: bold;
	background-color: #EBEBEB; /* FF3.6 */;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#CCCCCC')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EBEBEB),color-stop(1, #CCCCCC));/* Saf4+, Chrome */
}
.jquery-notify-bar.error {
	color: #fff;
	text-shadow: 1px 1px 1px #BD3A3A;
	background-color: #F23535 !important; /* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DB4444', EndColorStr='#F23535')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #DB4444),color-stop(1, #F23535)) !important;/* Saf4+, Chrome */
}
.jquery-notify-bar.success {
	color: #fff;
	text-shadow: #509C4B 1px 1px 1px;
	background-color: #77D644 !important; /* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DC96F', EndColorStr='#77D644')" !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8DC96F),color-stop(1, #77D644)) !important;/* Saf4+, Chrome */
}
.jquery-notify-bar.notify {
	color: #fff;
	text-shadow: #80bed6 1px 1px 1px;
	background-color: #79B1D8 !important; /* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80bed6', EndColorStr='#79B1D8')" !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #80bed6),color-stop(1, #79B1D8)) !important;/* Saf4+, Chrome */
}
.jquery-notify-bar.warning {
	color: #fff;
	text-shadow: #80bed6 1px 1px 1px;
	background-color: #C1AD38 v; /* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EDDF84', EndColorStr='#C1AD38')" !important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EDDF84),color-stop(1, #C1AD38)) !important;/* Saf4+, Chrome */
}
.notify-bar-close {
	position: absolute;
	left: 95%;
	font-size: 11px;
	color: #000000;
}


/* ============================================================================
buttons
============================================================================*/
.buttones, input[type="button"], input[type="submit"], button[type="button"], button[type="submit"] {
    background: none repeat scroll 0 0 #4994CB;
    border: 5px solid #E7E7E7;
    border-radius: 30px 30px 30px 30px;
    color: #000000;   
    float: left;
    font: bold 1em/30px MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 2px;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    width: auto;
}
button[type="button"] span.submit {
    background: url("../images/marker1.gif") no-repeat scroll left 0 transparent;
    display: block;
}
.reset, input[type="reset"], button[type="reset"] {
    background-color: #444444;
    border: 1px double #6B6767;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.reset:hover, input[type="reset"]:hover, button[type="reset"]:hover, .reset:focus, input[type="reset"]:focus, button[type="reset"]:focus, .reset:active, input[type="reset"]:active, button[type="reset"]:active {
    background-color: #000000;
    outline: medium none #000000;
}
.buttones:hover, input[type="button"]:hover, input[type="submit"]:hover, button[type="button"]:hover, button[type="submit"]:hover, .buttones:focus, input[type="button"]:focus, input[type="submit"]:focus, button[type="button"]:focus, button[type="submit"]:focus {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
.buttones:active, button:active, input[type="submit"]:active, input[type="button"]:active {
    background: url("../images/mailto-button-envelope.png") no-repeat scroll 15px 10px, url("../images/mailto-button.png") repeat-x scroll 0 -70px transparent;
    position: relative;
    top: 1px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.27);
    
    font-family: "Segoe UI","Segoe UI Web Regular","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 13px;
    
}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover {
    border-color: rgba(0, 0, 0, 0.44);
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border-color: rgba(0, 0, 0, 0.64);
    outline: medium none;
}
 

/* #Forms
================================================== */


form {    
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 28px;
}
fieldset {
	margin-bottom: 20px; border: 0 none;}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
        background:none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.27);
    
    font-family: "Segoe UI","Segoe UI Web Regular","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 13px;
    
	padding: 4px 4px;				
 }
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover {
    border-color: rgba(0, 0, 0, 0.44); 
}
    
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: rgba(0, 0, 0, 0.64);
    outline: medium none;
    }
textarea {min-height: 60px;max-width: 97%;}
label, legend { display: inline-block; font-weight: bold; font-size: 11px; margin-bottom: 2px;font-family: arial; }
label >em{color:Red;}
select {padding: 10px; }
input[type="checkbox"] { display: inline; }
label span, legend span { font-weight: normal; font-size: 13px; color: #444; }
.separator {background:#f1f1f1; height: 2px;  margin: 0 0 35px; }
fieldset a 
{
    color: #EF520D;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 4px;
 }
.rt-block {margin-bottom:20px;}
.errors
{
    border-color: #F41111 !important;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-color: #e80719;
    -webkit-box-shadow: 0 0 5px #eb1e1e !important;
    -moz-box-shadow: 0 0 5px #eb1e1e !important;
    box-shadow: 0 0 5px #eb1e1e !important;
}
#captcha_box img {
    cursor: pointer;    
}
#captcha_box #ref {
    left: -30px;
    position: relative;
    top: 20px;
}
#captcha_box input[type="text"] {
    float: right;
    left: -80px;
    position: relative;    
    width: 96px;
}
/*
            **********************************************************************
            ************************** DIALOG BOX *********************************
            **********************************************************************
            */
            /* overlay
.ui-widget-overlay
{
    background: none repeat scroll 0 0 white;
    background-clip: padding-box;
    opacity: 0.8;
    filter: Alpha(Opacity=80);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-dialog.sit, .ui-dialog
{
    border: 5px solid #EF3267 !important;
    box-shadow: 0 0 10px rgb(252, 27, 91);
    overflow: hidden;
    top: 99px;
    z-index: 999999;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 25px;
    position: inherit !important;
    width: auto;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #222222;
    width: auto;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}
.ui-dialog h3.title
{
    border-bottom: 1px solid #DDDDDD;
}
.ui-dialog.sit .ui-dialog-titlebar-close
{
    height: 18px;
    margin: -20px 0 0;
    padding: 1px;
    position: absolute;
    right: 1em;
    text-indent: -99999px;
    top: 30px;
    width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span
{
    background: url("../images/cross.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    margin: 1px;
    width: 25px;
    margin: 1px;
}        */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:99}
.ui-widget-overlay { background: none repeat scroll 0 0 #FFFFFF ; opacity: .75; filter:Alpha(Opacity=75);}
fieldset.form 
{
    margin:0
}
fieldset.form legend {padding:0 3%; width:94%; height:30px;border-bottom:1px solid #dcdcdc;font-family: arial;font-size:14px;line-height:30px;position:relative;float:left;margin-bottom:0 !important;line-height:28px !important;display:block;}
fieldset.form legend h2
{margin:0px;}
.form div.section {
	       
	        border-top: none;
	        padding: 0 4%;
	        float:left;
	        width:92%;
        }
        .form div.section > label {
	        color: #404040;
	        float: left;
	        margin-right: 5%;
	        margin-top: 2px;
	        width: 30%;
	        padding: 5px 0 0px 0;
	        font-size: 11px;
	        font-weight: bold;
	        text-trans.form: uppercase;
        }
        form div.section > div {
	        color: #404040;
	        font-size: 11px;
	        position: relative;
	        padding: 5px 0 5px;
        }
        form div.section > div.half
        {
            width:48%;
            margin:0 4% 0 0;
            float:left
        }
        form div.section > div.half.last
        {
            margin:0;
        }
        form div.section.last {
            border-bottom: none;
            margin-bottom:10px;
        }
        input.errorer,select.errorer,textarea.errorer{border:1px solid #ee0101;background-color: #FFF7F7;}
        /* ================== SHOW TOOLTIP ERROR MESSAGE ============ */

        .inputContainer {
	        position: relative;
	        float: left;
        }

        .formError {
	        position: absolute;
	        top: 300px;
	        left: 300px;
	        display: block;
	        z-index: 500000;
	        cursor: pointer;
        }

        .ajaxSubmit {
	        padding: 20px;
	        background: #55ea55;
	        border: 1px solid #999;
	        display: none
        }

        .formError .formErrorContent {
	        width: 100%;
	        background: #ee0101;
	        position:relative;
	        z-index:500001;
	        color: #ffffff;
	        min-width: 100px;
	        font-family: Tahoma;
	        font-size: 11px;
	        border: 1px solid #ddd;
	        /*	-moz-box-shadow: 0 0 2px #000;
	        -webkit-box-shadow: 0 0 2px #000;*/
	        padding: 2px 10px 2px 10px;
	        border-radius: 2px;
	        /*	-moz-border-radius: 2px;
	        -webkit-border-radius: 2px;*/
	        min-height:20px;
	        line-height: 20px;
	        margin-top: 2px;
	        background-image: url(tooltip_bg.png);
	        text-shadow:none;
	        font-weight:none;
	        text-align: left;
        }

        .greenPopup .formErrorContent {
	        background: #33be40;
        }

        .blackPopup .formErrorContent {
	        background: #393939;
	        color: #FFF;
        }

        .formError .formErrorArrow {
	        width: 15px;
	        margin: -2px 0 0 13px;
	        position:relative;
	        z-index: 500006;
        }

        .formError .formErrorArrowBottom {
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
	        margin: 0px 0 0 12px;
          top:2px;
        }

        .formError .formErrorArrow div {
	        border-left: 2px solid #ddd;
	        border-right: 2px solid #ddd;
	        box-shadow: 0 2px 3px #444;
	        -moz-box-shadow: 0 2px 3px #444;
	        -webkit-box-shadow: 0 2px 3px #444;
	        font-size: 0px;
	        height: 1px;
	        background: #ee0101;
	        margin: 0 auto;
	        line-height: 0;
	        font-size: 0;
	        display: block;
	        background-image: url(tooltip_arrow.png);
        }

        .formError .formErrorArrowBottom div {
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
        }

        .greenPopup .formErrorArrow div {
	        background: #33be40;
        }

        .blackPopup .formErrorArrow div {
	        background: #393939;
	        color: #FFF;
        }

        .formError .formErrorArrow .line10 {
	        width: 15px;
	        border: none;
        }

        .formError .formErrorArrow .line9 {
	        width: 13px;
	        border: none;
        }

        .formError .formErrorArrow .line8 {
	        width: 11px;
        }

        .formError .formErrorArrow .line7 {
	        width: 9px;
        }

        .formError .formErrorArrow .line6 {
	        width: 7px;
        }

        .formError .formErrorArrow .line5 {
	        width: 5px;
        }

        .formError .formErrorArrow .line4 {
	        width: 3px;
        }

        .formError .formErrorArrow .line3 {
	        width: 1px;
	        border-left: 2px solid #ddd;
	        border-right: 2px solid #ddd;
	        border-bottom: 0 solid #ddd;
        }

        .formError .formErrorArrow .line2 {
	        width: 3px;
	        border: none;
	        background: #ddd;
        }

        .formError .formErrorArrow .line1 {
	        width: 1px;
	        border: none;
	        background: #ddd;
        }
fieldset button[type="button"] span.submit {
    background: url("../images/submited.png") no-repeat scroll 5px 3px transparent !important;
    display: block;
    float: left;
    height: 22px;
    margin-top: 2px;
    padding-left: 15px;
    width: 16px;
}
fieldset button[type="button"] span.clearer {
    background: url("../images/clear.png") no-repeat scroll left -1px transparent !important;
    display: block;
    float: left;
    height: 21px;
    margin-top: 3px;
    padding-left: 10px;
    width: 16px;
}

.buttones, input[type="button"], input[type="submit"], button[type="button"], button[type="submit"] {
    background: none repeat scroll 0 0 #F8C301;
    border: 5px solid #e7e7e7;
    border-radius: 30px;
    color: #000;
    display: block;
    float: left;
    font: bold 1em/30px MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 2px;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    cursor:pointer;
}
.buttones, input.cleares[type="button"], input.cleares[type="submit"], button.cleares[type="button"], button.cleares[type="submit"] {
    background: none repeat scroll 0 0 #4994cb;
}
.buttones:hover, input.cleares[type="button"]:hover, input.cleares[type="submit"]:hover, button.cleares[type="button"]:hover, button.cleares[type="submit"]:hover, .buttones:focus, input.cleares[type="button"]:focus, input.cleares[type="submit"]:focus, button.cleares[type="button"]:focus, button.cleares[type="submit"]:focus {
    background: #000;
    color:#FFF;
}
button[type="button"] span.submit {
    background: url("../images/marker1.gif") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    display: block;
}
.reset, input[type="reset"], button[type="reset"] {
    background-color: #444444;
    border: 1px double #6b6767;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.reset:hover, input[type="reset"]:hover, button[type="reset"]:hover, .reset:focus, input[type="reset"]:focus, button[type="reset"]:focus, .reset:active, input[type="reset"]:active, button[type="reset"]:active {
    background-color: #000000;
    outline: medium none #000000;
}
.buttones:hover, input[type="button"]:hover, input[type="submit"]:hover, button[type="button"]:hover, button[type="submit"]:hover, .buttones:focus, input[type="button"]:focus, input[type="submit"]:focus, button[type="button"]:focus, button[type="submit"]:focus {
    background: none repeat scroll 0 0 #000;
    color: #fff;
}
.buttones:active, button:active, input[type="submit"]:active, input[type="button"]:active {
    background: url("../images/mailto-button-envelope.png") no-repeat scroll 15px 10px, url("../images/mailto-button.png") repeat-x scroll 0 -70px transparent;
    position: relative;
    top: 1px;
}