@charset "utf-8";
/* CSS Document */

.active .caltrigger {
    background-position: 0 -32px;
}


/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* calendar root element */
#calroot {
    /* place on top of other elements. set a higher value if nessessary */
    z-index:1;

    font-family:sans-serif;
    background-color:#fff;
    border:1px solid #ccc;
    border-width:0 5px 5px;
    /*padding-top:10px;*/
    height:180px;
    width:227px;
    display:none;
    margin:-210px 0 0 0;

    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
    padding:2px 0;
    height:22px;
}

#caltitle {
    font-size:14px;
    color:#0150D1;
    float:left;
    text-align:center;
    width:160px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url(../../imagens/prev.gif) no-repeat scroll center center;
    float:left;
    cursor:pointer;
    margin-left:9px;
}

#calnext {
    background-image:url(../../imagens/next.gif);
    float:right;
    margin-right:9px;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;
}

/* year/month selector */
#caltitle select {
    font-size:10px;
}

/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:32px;
    text-align:center;
    font-size:11px;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:31px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#000;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;
}

/* offmonth day */
a.caloff {
    color:#000;
}

a.caloff:hover {
    background-color:#390;
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc	!important;
    cursor:default;
}


/* current date */
#calcurrent {
    background-color:#360;
    color:#FFF;
}

/* today */
#caltoday {
    background-color:#C60;
    color:#FFF;
}






/* form style */
#myform {
    background:#333 url(/media/img/gradient/h300.png) repeat-x;
    padding:15px 20px;
    color:#eee;
    width:400px;
    margin:0 auto;
    position:relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* nested fieldset */
#myform fieldset {
    border:0;
    margin:0;
    padding:0;
    background:#333333 url(/media/img/logo-medium.png) no-repeat scroll 215px 40px;
}

/* typography */
#myform h3 { color:#eee; margin-top:0px; }
#myform p { font-size:11px; }


/* input field */
#myform input {
    border:1px solid #444;
    background-color:#666;
    padding:5px;
    color:#ddd;
    font-size:12px;

    /* CSS3 spicing */
    text-shadow:1px 1px 1px #000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#myform input:focus { color:#fff; background-color:#777; }
#myform input:active { background-color:#888; }


/* button */
#myform button {
    outline:0;
    border:1px solid #666;
}


/* error message */
.error {
    height:15px;
    background-color:#FFFE36;
    font-size:11px;
    border:1px solid #E1E16D;
    padding:4px 10px;
    color:#000;
    display:none;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;

    -moz-box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
}

.error p {
    margin:0;
}

/* field label */
label {
    display:block;
    font-size:11px;
    color:#ccc;
}

#terms label {
    float:left;
}

#terms input {
    margin:0 5px;
}



#myform {
    width:500px;
}

#myform fieldset {
    background-image:none;
    float:left;
    width:250px;
}

#myform label {
    font-size:11px;
    margin-top:20px;
    display:block;
}

#myform label input {
    display:block;
}

.clear {
    clear:both;
    height:15px;
}

.error {
    margin:0 0 2px;
    padding:2px 6px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.error em {
    border:10px solid;
    border-color:#FFFE36 transparent transparent;
    bottom:-17px;
    display:block;
    height:0;
    left:60px;
    position:absolute;
    width:0;
}

.tooltip {
	display:none;
	background:transparent url(../../imagens/black_arrow.png) no-repeat ;
	background-size:100% 100%;
	font-size:11px;
	height:140px;
	width:320px;
	padding:25px;
	color:#eee;
	font-size:13px;
	z-index:11;
}