/*FONTS*/
@font-face {
font-family: 'stagbo';
src: url('stagsans-book.eot');
src: url('stagsans-book.eot?#iefix') format('embedded-opentype'),
     url('stagsans-book.woff') format('woff'),
     url('stagsans-book.ttf') format('truetype'),
     url('stagsans-book.svg') format('svg');
}
@font-face {
font-family: 'stagme';
src: url('stagsans-medium.eot');
src: url('stagsans-medium.eot?#iefix') format('embedded-opentype'),
     url('stagsans-medium.woff') format('woff'),
     url('stagsans-medium.ttf') format('truetype'),
         url('stagsans-medium.svg') format('svg');
}
@font-face {
font-family: 'myriad';
src: url('myriadwebpro.eot');
src: url('myriadwebpro.eot?#iefix') format('embedded-opentype'),
		 url('myriadwebpro.woff') format('woff'),
		 url('myriadwebpro.ttf') format('truetype'),
		 url('myriadwebpro.svg#myriadwebpro') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'Overlock-Black';
src: url('overlockblackotf.eot');
src: url('overlockblackotf.eot?#iefix') format('embedded-opentype'),
		 url('overlockblackotf.woff') format('woff'),
		 url('overlockblackotf.ttf') format('truetype'),
		 url('overlockblackotf.svg#overlockblackotf') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'Overlock-Italic';
src: url('overlockitalicotf.eot');
src: url('overlockitalicotf.eot?#iefix') format('embedded-opentype'),
		 url('overlockitalicotf.woff') format('woff'),
		 url('overlockitalicotf.ttf') format('truetype'),
		 url('overlockitalicotf.svg#overlockitalicotf') format('svg');
font-weight: normal;
font-style: normal;
}
/*CLEAR*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
html, body{ height: 100%; }
a{text-decoration: none; }
/*GENERAL*/
.clear{
clear: both;
height: 1px;
margin-bottom: -1px;
}
body{
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
}
#logo{
display: inline-block;
}
#logo a{
display: block;
background: transparent url(../images/logo.png) left top no-repeat;
width:385px;
height:90px;
}
#logo span{
display: none;
}
#advTop{
display: inline-block;
margin-left:12px;
}
header .content, footer .content, #cMain .content{
width:1130px;
margin: 0px auto;
padding-top: 20px;
}
nav{
background:#0060CD;
height:35px;
width:1130px;
margin: 30px auto 10px auto;
border-radius: 5px;
background: -moz-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0060CD), color-stop(100%, #012C79));
background: -webkit-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -o-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -ms-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: linear-gradient(top, #0060CD 0%, #012C79 100%);
-pie-background: linear-gradient(top, #0060CD 0%, #012C79 100%);
}
nav a{
color:#fff;
display: inline-block;
padding-top:8px;
height:27px;
text-align:center;
border-left:#015ECE solid 1px;
border-right:#003078 solid 1px;
margin-left: -4px;
}
nav a:hover{
background: -moz-linear-gradient(top, #012C79 0%, #0060CD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #012C79), color-stop(100%, #0060CD));
background: -webkit-linear-gradient(top, #012C79 0%, #0060CD 100%);
background: -o-linear-gradient(top, #012C79 0%, #0060CD 100%);
background: -ms-linear-gradient(top, #012C79 0%, #0060CD 100%);
background: linear-gradient(top, #012C79 0%, #0060CD 100%);
-pie-background: linear-gradient(top, #012C79 0%, #0060CD 100%);
}
nav a.active,  #body-years a#nav-1, #body-schedule a#nav-2, #body-school a#nav-3, #body-holidays a#nav-4, #body-moon a#nav-5, #body-more a#nav-6, #body-tools a#nav-7{
background:transparent url(../images/nav_hover.png) center center repeat;
}
#nav-1{
width:149px;
border-left: none;
margin-left: 0px;
border-radius: 5px 0px 0px 5px;
}
#nav-2{
width:190px;
}
#nav-3{
width:177px;
}
#nav-4{
width:105px;
}
#nav-5{
width:151px;
}
#nav-6{
width:159px;
margin-left:-3px;
}
nav .secundary{
width: 159px;
position: absolute;
z-index: 2;
background: -moz-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0060CD), color-stop(100%, #012C79));
background: -webkit-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -o-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -ms-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: linear-gradient(top, #0060CD 0%, #012C79 100%);
-pie-background: linear-gradient(top, #0060CD 0%, #012C79 100%);
display: none;
}
#secundary-1{
width:150px;
}
nav #secundary-1.secundary a{
width:130px;
}
#secundary-3{
margin-left:448px;
width:180px;
}
#secundary-3 a{
width:160px;
}
#secundary-4{
margin-left:341px;
width:108px;
}
#secundary-4 a{
width:87px;
}
#secundary-5{
margin-left:627px;
width:155px;
}
#secundary-5 a{
width:135px;
}
#secundary-6{
margin-left:782px;
}
#secundary-7{
margin-left:941px;
width:188px;
}
#secundary-7 a{
width:168px;
}
nav .secundary a{
width: 139px;
border-right:none;
border-left:none;
margin-left: 0;
text-align: left;
padding: 8px 10px 0px 10px;
font-size: 12px;
border-bottom:#003078 solid 1px;
display: inline-block;
}
.ul_secundary{
position: absolute;
display: inline-block;
background:#0060CD;
background: -moz-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0060CD), color-stop(100%, #012C79));
background: -webkit-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -o-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: -ms-linear-gradient(top, #0060CD 0%, #012C79 100%);
background: linear-gradient(top, #0060CD 0%, #012C79 100%);
-pie-background: linear-gradient(top, #0060CD 0%, #012C79 100%);
display: none;
}
#nav-7{
width:186px;
border-right: none;
border-radius: 0px 5px 5px 0px;
}
#cMain{
background:transparent url(../images/bg_left.png) bottom left no-repeat;
padding-bottom: 10px;
}
#cSubMain{
background:transparent url(../images/bg_right.png) bottom right no-repeat;
}
#cContent{
display: inline-block;
width:809px;
vertical-align: top;
}
.advCenter{
margin: 20px auto;
text-align: center;
}
#boxConfig{
background: -moz-linear-gradient(top, #0060CD 0%, #012B78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0060CD), color-stop(100%, #012B78));
background: -webkit-linear-gradient(top, #0060CD 0%, #012B78 100%);
background: -o-linear-gradient(top, #0060CD 0%, #012B78 100%);
background: -ms-linear-gradient(top, #0060CD 0%, #012B78 100%);
background: linear-gradient(top, #0060CD 0%, #012B78 100%);
-pie-background: linear-gradient(top, #0060CD 0%, #012B78 100%);
border: #1B2EBC solid 1px;
border-radius: 10px;
padding:20px;
text-align: center;
}
#boxConfig h3{
color:#fff;
font-family: 'stagbo';
font-size: 24px;
letter-spacing: 1px;
background: transparent url(../images/tool.png) left center no-repeat;
padding-left: 20px;
width:365px;
margin: 0px auto;
}
#boxConfig .data{
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
margin-top: 20px;
border-radius: 5px;
padding:20px;
font-size: 12px;
text-align: left;
}
#boxConfig table{
width:100%;
}
#boxConfig th{
text-align: right;
padding-right: 10px;
}
#boxConfig .cbo{
border-radius: 5px 5px 0px 0px;
border:#bbb solid 1px;
padding: 3px 5px;
width:100px;
}
#boxCalendar{
margin-bottom: 20px;
overflow: hidden;
}
#boxCalendar h1{
font-size: 24px;
text-align: center;
font-family: 'stagbo';
color:#012B78;
padding:3px 0px 3px 0px;
display: inline-block;
text-align: center;
width:500px;
}
#boxCalendar h1 hr.hr{
margin-bottom:3px;
border-top: #bbb solid 1px;
border-left: none;
border-right: none;
border-bottom: none;
margin-left:72px;
}
#boxCalendar h1 span{
display: block;
color:#111;
font-size : 16px;
text-align: left;
font-weight: normal;
}
#boxCalendar h1 span.p{
margin-top:13px;
}
#boxCalendar h1 span strong{
width: 67px;
font-weight: normal;
}
#boxCalendar h1 span.d{
margin-top:5px;
margin-left: 67px;
}
#boxCalendar .cnav{
display: inline-block;
width:105px;
margin-bottom: 20px;
vertical-align: top;
}
#boxCalendar .cnav a{
border:#C1C1C1 solid 1px;
padding:8px 10px;
color:#555;
font-size: 11px;
display: block;
border-radius: 5px;
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: linear-gradient(top, #ffffff 0%, #ebebeb 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #ebebeb 100%);
box-shadow: inset 0px 0px 1px 1px #fff;
}
#boxCalendar .cnav a:hover{
border:#00428F solid 1px;
background: -moz-linear-gradient(top, #012E7C 0%, #005CC6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #012E7C), color-stop(100%, #005CC6));
background: -webkit-linear-gradient(top, #012E7C 0%, #005CC6 100%);
background: -o-linear-gradient(top, #012E7C 0%, #005CC6 100%);
background: -ms-linear-gradient(top, #012E7C 0%, #005CC6 100%);
background: linear-gradient(top, #012E7C 0%, #005CC6 100%);
-pie-background: linear-gradient(top, #012E7C 0%, #005CC6 100%);
box-shadow: inset 0px 0px 1px 1px #0070D1;
color:#fff;
text-shadow: 0px 2px 2px #AE1313;
}
#boxCalendar .cnav a:first-child{
text-align: right;
}
#boxCalendar .cnav a:last-child{
text-align: left;
}
#cnav_center.cnav{
text-align: center;
width:590px;
}
#boxCalendar .data{
width:830px;
}
#boxCalendar .calendar{
border:#BBBBBB solid 1px;
border-radius: 10px;
width:255px;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
height:290px;
}
#moonMonth.calendar{
height: auto;
}
#boxCalendar.month .calendar{
margin-right: 0px;
width:805px;
}
#boxCalendar .calendar h3{
font-size: 20px;
text-align: center;
margin:10px 0px 0px 0px;
font-family: 'stagbo';
font-weight: normal;
}
#boxCalendar .calendar h3 a{
color:#333;
width:auto;
}
#boxCalendar .calendar h3 a:hover{
color:#012B78;
}
#boxCalendar .calendar #cnav_left a{
color:#555;
padding: 8px 10px;
width:100px;
margin-left: 20px;
}
#boxCalendar .calendar #cnav_right a{
color:#555;
padding: 8px 10px;
margin-right: 10px;
width:100px;
}
#resumeCalendar.month h3{
text-align: left;
margin:0px;
width:auto;
}
#detailFestivity.month h3{
background:transparent url(../images/sun.png) left center no-repeat;
padding-left: 30px;
}
#boxCalendar .calendar .cnav{
margin-bottom: 0px;
margin-top: 5px;
}
#boxCalendar .calendar #cnav_left a:hover, #boxCalendar .calendar #cnav_right a:hover{
color:#fff;
}
#boxCalendar .calendar #cnav_center.cnav{
width:545px;
}
#boxCalendar .calendar #cnav_right{
padding-right: 10px;
}
#boxCalendar .calendar table{
width: 100%;
margin:10px 0px 20px 0px;
font-size: 12px;
color:#555;
border-collapse: collapse;
text-align: center;
}
#boxCalendar .calendar th{
border-top: #CCC solid 1px;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-bottom: #CCC solid 1px;
text-align: center;
color:#333;
text-shadow:0px 1px 1px #fff;
background: -moz-linear-gradient(top, #ffffff 0%, #D4D4D4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #D4D4D4));
background: -webkit-linear-gradient(top, #ffffff 0%, #D4D4D4 100%);
background: -o-linear-gradient(top, #ffffff 0%, #D4D4D4 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #D4D4D4 100%);
background: linear-gradient(top, #ffffff 0%, #D4D4D4 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #D4D4D4 100%);
box-shadow: 1px 0px 1px 0px #fff;
padding:5px;
}
#boxCalendar .calendar th:first-child{
border-left:none;
}
#boxCalendar .calendar th:last-child{
border-right:none;
box-shadow: 0px 0px 1px 0px #fff;
}
#boxCalendar .calendar td{
padding:5px 0px;
width:25px;
height: 25px;
}
#boxCalendar .calendar tr td.tdnum{
color:#999;
border-right: #ccc dotted 1px;
}
#boxCalendar .legend{
font-size: 11px;
color:#555;
}
#boxCalendar .legend span{
display: inline-block;
width: 15px;
border-radius: 5px;
margin-right: 5px;
margin-left:25px;
}
#boxCalendar .calendar span, #boxCalendar .calendar a{
display: block;
margin: 0px auto;
width:24px;
padding:4px 0px;
border-radius: 5px;
}
#boxCalendar #moonMonth.calendar .detail_moon a{
color:#E30613;
display: inline;
width:auto;
border-radius: 0px;
}
#boxCalendar #moonMonth.calendar .detail_moon a:hover{
text-decoration: underline;
}
#moonMonth.calendar span{
width: auto;
padding:4px 0px;
border-radius: 0px;
font-size: 16px;
color:#797979;
}
#currentPhase{
margin:10px 0px;
}
#currentPhase .img_moon{
width:280px;
height:280px;
background:transparent;
background-image: url(../images/moon_phases.jpg);
background-repeat: no-repeat;
}
#currentPhase .img_moon.img_moon_0{
background-position: 0px 0px;
}
#currentPhase .img_moon.img_moon_1{
background-position: 0px -280px;
}
#currentPhase .img_moon.img_moon_2{
background-position: 0px -560px;
}
#currentPhase .img_moon.img_moon_3{
background-position: 0px -840px;
}
#currentPhase .img_moon.img_moon_4{
background-position: 0px -1120px;
}
#currentPhase .img_moon.img_moon_5{
background-position: 0px -1400px;
}
#currentPhase .img_moon.img_moon_6{
background-position: 0px -1680px;
}
#currentPhase .img_moon.img_moon_7{
background-position: 0px -1960px;
}
#currentPhase .img_moon.img_moon_8{
background-position: 0px -2240px;
}
#currentPhase .img_moon.img_moon_9{
background-position: 0px -2520px;
}
#currentPhase .img_moon.img_moon_10{
background-position: 0px -2800px;
}
#currentPhase .img_moon.img_moon_11{
background-position: 0px -3080px;
}
#currentPhase .img_moon.img_moon_12{
background-position: 0px -3360px;
}
#currentPhase .img_moon.img_moon_13{
background-position: 0px -3640px;
}
#currentPhase .img_moon.img_moon_14{
background-position: 0px -3920px;
}
#currentPhase .img_moon.img_moon_15{
background-position: 0px -4200px;
}
#currentPhase .img_moon.img_moon_16{
background-position: 0px -4480px;
}
#currentPhase .img_moon.img_moon_17{
background-position: 0px -4760px;
}
#currentPhase .img_moon.img_moon_18{
background-position: 0px -5040px;
}
#currentPhase .img_moon.img_moon_19{
background-position: 0px -5320px;
}
#currentPhase .img_moon.img_moon_20{
background-position: 0px -5600px;
}
#currentPhase .img_moon.img_moon_21{
background-position: 0px -5880px;
}
#currentPhase .img_moon.img_moon_22{
background-position: 0px -6160px;
}
#currentPhase .img_moon.img_moon_23{
background-position: 0px -6440px;
}
#currentPhase .img_moon.img_moon_24{
background-position: 0px -6720px;
}
#currentPhase .img_moon.img_moon_25{
background-position: 0px -7000px;
}
#currentPhase{
width:280px;
float: left;
vertical-align: top;
}
#detailFestivity #currentPhaseDetail table{
float: left;
width:500px;
vertical-align: top;
margin-left: 20px;
}
#detailFestivity #currentPhaseDetail th{
text-align: center;
}
#currentPhase .detail_moon{
text-align: right;
border:#E5E5E5 solid 1px;
padding: 12px 10px 8px 10px;
background:transparent url(../images/mini_logo.png) 10px 5px no-repeat;
color:#303030;
font-size: 14px;
}
#moonMonth .img_moon{
width:97px;
height: 97px;
margin:0px auto;
background-color: transparent;
background-image: url(../images/moon_phases_tbl.jpg);
background-repeat: no-repeat;
}
#moonMonth.calendar .img_moon.img_moon_0{
background-position: 0px 0px;
}
#moonMonth.calendar .img_moon.img_moon_1{
background-position: 0px -97px;
}
#moonMonth.calendar .img_moon.img_moon_2{
background-position: 0px -194px;
}
#moonMonth.calendar .img_moon.img_moon_3{
background-position: 0px -291px;
}
#moonMonth.calendar .img_moon.img_moon_4{
background-position: 0px -388px;
}
#moonMonth.calendar .img_moon.img_moon_5{
background-position: 0px -485px;
}
#moonMonth.calendar .img_moon.img_moon_6{
background-position: 0px -582px;
}
#moonMonth.calendar .img_moon.img_moon_7{
background-position: 0px -679px;
}
#moonMonth.calendar .img_moon.img_moon_8{
background-position: 0px -776px;
}
#moonMonth.calendar .img_moon.img_moon_9{
background-position: 0px -873px;
}
#moonMonth.calendar .img_moon.img_moon_10{
background-position: 0px -970px;
}
#moonMonth.calendar .img_moon.img_moon_11{
background-position: 0px -1067px;
}
#moonMonth.calendar .img_moon.img_moon_12{
background-position: 0px -1164px;
}
#moonMonth.calendar .img_moon.img_moon_13{
background-position: 0px -1261px;
}
#moonMonth.calendar .img_moon.img_moon_14{
background-position: 0px -1358px;
}
#moonMonth.calendar .img_moon.img_moon_15{
background-position: 0px -1455px;
}
#moonMonth.calendar .img_moon.img_moon_16{
background-position: 0px -1552px;
}
#moonMonth.calendar .img_moon.img_moon_17{
background-position: 0px -1649px;
}
#moonMonth.calendar .img_moon.img_moon_18{
background-position: 0px -1746px;
}
#moonMonth.calendar .img_moon.img_moon_19{
background-position: 0px -1843px;
}
#moonMonth.calendar .img_moon.img_moon_20{
background-position: 0px -1940px;
}
#moonMonth.calendar .img_moon.img_moon_21{
background-position: 0px -2037px;
}
#moonMonth.calendar .img_moon.img_moon_22{
background-position: 0px -2134px;
}
#moonMonth.calendar .img_moon.img_moon_23{
background-position: 0px -2231px;
}
#moonMonth.calendar .img_moon.img_moon_24{
background-position: 0px -2328px;
}
#moonMonth.calendar .img_moon.img_moon_25{
background-position: 0px -2425px;
}
#moonMonth.calendar td{
padding:1px;
vertical-align: top;
}
#moonMonth.calendar .detail_moon{
border:#efefef solid 1px;
text-align: center;
width:85px;
margin:0px auto;
font-size: 12px;
color:#545454;
padding:3px 5px;
}
#boxCalendar .calendar a{
color:#fff;
}
#boxCalendar .sc_hy{
background:#EBFFAD;
border:#9CCC81 solid 1px;
}
#boxCalendar .wk_hy{
background:#FFF6CF;
border:#FFC37E solid 1px;
}
#boxCalendar .day{
background: -moz-linear-gradient(top, #3AA1E3 0%, #2D84DB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3AA1E3), color-stop(100%, #2D84DB));
background: -webkit-linear-gradient(top, #3AA1E3 0%, #2D84DB 100%);
background: -o-linear-gradient(top, #3AA1E3 0%, #2D84DB 100%);
background: -ms-linear-gradient(top, #3AA1E3 0%, #2D84DB 100%);
background: linear-gradient(top, #3AA1E3 0%, #2D84DB 100%);
-pie-background: linear-gradient(top, #3AA1E3 0%, #2D84DB 100%);
box-shadow: inset 0px 0px 1px 1px #4DAEE8;
border:#1B80C7 solid 1px;
color:#fff;
}
#boxCalendar .nt_hy{
background: -moz-linear-gradient(top, #F30200 0%, #DF0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F30200), color-stop(100%, #DF0000));
background: -webkit-linear-gradient(top, #F30200 0%, #DF0000 100%);
background: -o-linear-gradient(top, #F30200 0%, #DF0000 100%);
background: -ms-linear-gradient(top, #F30200 0%, #DF0000 100%);
background: linear-gradient(top, #F30200 0%, #DF0000 100%);
-pie-background: linear-gradient(top, #F30200 0%, #DF0000 100%);
border:#D00100 solid 1px;
}
#boxCalendar .nt_hy:hover{
background: -moz-linear-gradient(top, #DF0000 0%, #F30200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DF0000), color-stop(100%, #F30200));
background: -webkit-linear-gradient(top, #DF0000 0%, #F30200 100%);
background: -o-linear-gradient(top, #DF0000 0%, #F30200 100%);
background: -ms-linear-gradient(top, #DF0000 0%, #F30200 100%);
background: linear-gradient(top, #DF0000 0%, #F30200 100%);
-pie-background: linear-gradient(top, #DF0000 0%, #F30200 100%);
}
#boxCalendar .rg_hy{
background: -moz-linear-gradient(top, #F5891B 0%, #F36A15 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5891B), color-stop(100%, #F36A15));
background: -webkit-linear-gradient(top, #F5891B 0%, #F36A15 100%);
background: -o-linear-gradient(top, #F5891B 0%, #F36A15 100%);
background: -ms-linear-gradient(top, #F5891B 0%, #F36A15 100%);
background: linear-gradient(top, #F5891B 0%, #F36A15 100%);
-pie-background: linear-gradient(top, #F5891B 0%, #F36A15 100%);
box-shadow: inset 0px 0px 1px 1px #F7992B;
border:#F04F0E solid 1px;
}
#boxCalendar .school_hy{
background: -moz-linear-gradient(top, #EBFFAD 0%, #EBFFAD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBFFAD), color-stop(100%, #EBFFAD));
background: -webkit-linear-gradient(top, #EBFFAD 0%, #EBFFAD 100%);
background: -o-linear-gradient(top, #EBFFAD 0%, #EBFFAD 100%);
background: -ms-linear-gradient(top, #EBFFAD 0%, #EBFFAD 100%);
background: linear-gradient(top, #EBFFAD 0%, #EBFFAD 100%);
-pie-background: linear-gradient(top, #EBFFAD 0%, #EBFFAD 100%);
box-shadow: inset 0px 0px 1px 1px #EBFFAD;
border:#3c8215 solid 1px;
}
#boxCalendar a.school_hy{
color:#3c8215;
}
#boxCalendar .shopping_hy{
background: -moz-linear-gradient(top, #EFA6FF 0%, #b460fb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EFA6FF), color-stop(100%, #b460fb));
background: -webkit-linear-gradient(top, #EFA6FF 0%, #b460fb 100%);
background: -o-linear-gradient(top, #EFA6FF 0%, #b460fb 100%);
background: -ms-linear-gradient(top, #EFA6FF 0%, #b460fb 100%);
background: linear-gradient(top, #EFA6FF 0%, #b460fb 100%);
-pie-background: linear-gradient(top, #EFA6FF 0%, #b460fb 100%);
box-shadow: inset 0px 0px 1px 1px #EFA6FF;
border:#b460fb solid 1px;
}
#boxCalendar .saint_hy{
background: -moz-linear-gradient(top, #FCFB7F 0%, #e0df73 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFB7F), color-stop(100%, #e0df73));
background: -webkit-linear-gradient(top, #FCFB7F 0%, #e0df73 100%);
background: -o-linear-gradient(top, #FCFB7F 0%, #e0df73 100%);
background: -ms-linear-gradient(top, #FCFB7F 0%, #e0df73 100%);
background: linear-gradient(top, #FCFB7F 0%, #e0df73 100%);
-pie-background: linear-gradient(top, #FCFB7F 0%, #e0df73 100%);
box-shadow: inset 0px 0px 1px 1px #FCFB7F;
border:#e0df73 solid 1px;
}
#boxCalendar a.saint_hy{
color:#555;
}
#resumeCalendar{
padding-top: 20px;
}
#resumeCalendar h3{
font-size: 23px;
font-family: 'stagbo';
color:#012B78;
padding-left: 30px;
background:transparent url(../images/calendar2.png) left center no-repeat;
width:220px;
margin: 0px auto;
}
#resumeCalendar table{
width: 100%;
margin:10px auto 20px auto;
font-size: 12px;
color:#555;
border-collapse: collapse;
}
#resumeCalendar a{
color:#555;
}
#resumeCalendar a:hover{
color:#111;
}
#resumeCalendar span{
padding:0px 20px;
color:#db3b2c;
width:100px;
display: inline-block;
}
#resumeCalendar td{
padding:0px 0px;
box-shadow: inset 0px 0px 1px 1px #fff;
}
#resumeCalendar tr p{
display: inline-block;
width:380px;
padding:10px 0px;
}
#resumeCalendar tr p:last-child{
border-left: #C1C1C1 solid 1px
}
#resumeCalendar tr p:first-child{
border-left: none;
}
#resumeCalendar tr{
border:#c1c1c1 solid 1px;
}
#resumeCalendar tr th:last-child{
border-left: #000 solid 1px;
}
#resumeCalendar tr.zebra{
background:#F5F5F5;
}
#detailFestivity{
margin-bottom: 20px;
padding-top: 10px;
}
#detailFestivity h3, #detailFestivity h1#title_festivity{
font-size: 26px;
font-family: 'stagbo';
font-weight: normal;
color:#062A79;
}
#detailFestivity.month td span{
margin-right: 0px;
}
#detailFestivity table{
width: 100%;
margin: 10px 0px 20px 0px;
border:#CCC solid 1px;
border-collapse: collapse;
}
#descFestivity{
font-size: 12px;
color:#555;
margin-top: 10px;
line-height: 21px;
}
#descFestivity a{
color:#D90000;
}
#descFestivity a:hover{
text-decoration: underline;
}
#detailFestivity th{
color:#444;
text-align: left;
background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d4d4));
background: -webkit-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
background: -o-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
background: linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
padding:10px 20px;
border:#BEBEBE solid 1px;
font-weight: bold;
}
#detailFestivity td{
padding:10px 20px;
font-size: 12px;
color:#555;
border:#BEBEBE solid 1px;
}
#detailFestivity.month td{
padding:5px 20px;
}
#detailFestivity tr.zebra{
background:#F5F5F5;
}
#detailFestivity td.center{
text-align: center;
}
#detailFestivity td span{
color:#d90000;
margin-right: 20px;
}
#cSidebar{
display: inline-block;
width:300px;
margin-left: 17px;
vertical-align: top;
}
#boxToday{
border:#BBBBBB solid 1px;
border-radius: 10px;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
padding:20px;
font-size: 12px;
color:#555;
}
#boxToday h5{
color:#012B78;
font-family: 'stagbo';
font-weight: normal;
font-size: 18px;
margin-top: 10px;
margin-bottom: 5px;
}
#boxToday .day{
background:transparent url(../images/day.png) center center no-repeat;
width:69px;
height:71px;
display: inline-block;
vertical-align: top;
text-align: center;
}
#boxToday .day p:first-child{
color:#fff;
margin-top:4px;
font-size: 10px;
}
#boxToday .day p:last-child{
font-size: 40px;
color:#1F1F1F;
}
#boxToday .info{
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
#boxBirthday{
border:#BBBBBB solid 1px;
border-radius: 10px;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
padding:20px 0px 20px 15px;
}
#boxBirthday img{
display: inline-block;
vertical-align: top;
}
#boxBirthday .info{
display: inline-block;
vertical-align: top;
width:205px;
padding-top: 10px;
margin-left: 10px;
font-family: 'myriad';
font-size: 15px;
}
#boxBirthday h3{
font-size: 20px;
color:#012B78;
}
#boxBirthday .txts, #bgBirthday .txts{
border-top:#C6C6C6 solid 1px;
border-left:#E7E7E7 solid 1px;
border-right:#E0E0E0 solid 1px;
border-bottom:#E6E6E6 solid 1px;
border-radius: 10px;
padding:5px 10px;
font-size: 12px;
text-align: center;
box-shadow: 0px 1px 0px #fff;
outline: none;
}
#formBirthday{
margin-top: 10px;
}
#b_day{
width:30px;
}
#b_month{
width:40px;
}
#b_year{
width:80px;
}
#b_send, #send_tools{
border-radius: 10px;
background: -moz-linear-gradient(top, #B4D442 0%, #88A622 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B4D442), color-stop(100%, #88A622));
background: -webkit-linear-gradient(top, #B4D442 0%, #88A622 100%);
background: -o-linear-gradient(top, #B4D442 0%, #88A622 100%);
background: -ms-linear-gradient(top, #B4D442 0%, #88A622 100%);
background: linear-gradient(top, #B4D442 0%, #88A622 100%);
-pie-background: linear-gradient(top, #B4D442 0%, #88A622 100%);
border:#A1C22A solid 1px;
padding:3px 6px;
color:#fff;
font-weight: bold;
text-shadow: 0px 1px 1px #000;
font-size: 14px;
cursor:pointer;
}
#b_send:hover{
background: -moz-linear-gradient(top, #88A622 0%, #B4D442 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88A622), color-stop(100%, #B4D442));
background: -webkit-linear-gradient(top, #88A622 0%, #B4D442 100%);
background: -o-linear-gradient(top, #88A622 0%, #B4D442 100%);
background: -ms-linear-gradient(top, #88A622 0%, #B4D442 100%);
background: linear-gradient(top, #88A622 0%, #B4D442 100%);
-pie-background: linear-gradient(top, #88A622 0%, #B4D442 100%);
}
#boxMoreViewed{
border:#BBBBBB solid 1px;
border-radius: 10px;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
-pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
padding:20px 20px 10px 20px;
margin:20px 0px;
}
#boxMoreViewed h3{
font-family: 'stagbo';
font-size: 18px;
color:#012B78;
font-weight: normal;
background:transparent url(../images/calendar.png) left center no-repeat;
height:35px;
padding-top: 5px;
padding-left: 50px;
}
#boxMoreViewed ul{
margin-top:10px;
font-size: 12px;
}
#boxMoreViewed li{
background:transparent url(../images/points.png) left bottom repeat-x;
}
#boxMoreViewed li:last-child{
background: none;
}
#boxMoreViewed a{
color:#333;
display: block;
padding:7px 0px;
padding-left: 20px;
background:transparent url(../images/circle.png) left center no-repeat;
}
#boxMoreViewed a:hover{
color:#012B78;
}
.advLeft{
margin:20px auto;
}
footer{
background:#003478;
background: -moz-linear-gradient(top, #003478 0%, #001C4C 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003478), color-stop(100%, #001C4C));
background: -webkit-linear-gradient(top, #003478 0%, #001C4C 100%);
background: -o-linear-gradient(top, #003478 0%, #001C4C 100%);
background: -ms-linear-gradient(top, #003478 0%, #001C4C 100%);
background: linear-gradient(top, #003478 0%, #001C4C 100%);
-pie-background: linear-gradient(top, #003478 0%, #001C4C 100%);
height:75px;
color:#B9B9B9;
text-align:center;
border-top: #005ECB solid 1px;
}
#update_config{
display: block;
color:#fafafa;
background: -moz-linear-gradient(top, #191919 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #191919), color-stop(100%, #000000));
background: -webkit-linear-gradient(top, #191919 0%, #000000 100%);
background: -o-linear-gradient(top, #191919 0%, #000000 100%);
background: -ms-linear-gradient(top, #191919 0%, #000000 100%);
background: linear-gradient(top, #191919 0%, #000000 100%);
-pie-background: linear-gradient(top, #191919 0%, #000000 100%);
border:#000 solid 1px;
width:120px;
font-family: 'stagme';
font-weight: normal;
font-size: 13px;
padding:7px 15px;
margin-top:10px;
border-radius: 10px;
box-shadow: inset 0px 0px 1px 1px #3F3F3F;
float: right;
}
#update_config:hover{
background: -moz-linear-gradient(top, #000 0%, #191919 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #191919));
background: -webkit-linear-gradient(top, #000 0%, #191919 100%);
background: -o-linear-gradient(top, #000 0%, #191919 100%);
background: -ms-linear-gradient(top, #000 0%, #191919 100%);
background: linear-gradient(top, #000 0%, #191919 100%);
-pie-background: linear-gradient(top, #000 0%, #191919 100%);
}
.td_a_detail a{
color:#B60A0A;
text-decoration: underline;
}
.td_a_detail a:hover{
text-decoration: none;
}
#bgBirthday{
background:transparent url(../images/bgbirthday.png) top center no-repeat;
height: 186px;
}
#bgBirthday p{
padding-top: 110px;
text-align:center;
font-size: 12px;
color:#565656;
}
#bgBirthday .txts{
margin-left: 10px;
margin-right: 15px;
font-size: 12px;
color:#565656;
}
#day_tools, #month_tools{
width:30px;
}
#year_tools{
width:50px;
}
#bgTools{
height: 1125px;
margin-bottom: -1117px;
position: relative;
z-index: 1;
}
#resultToolsFun{
height: 1125px;
margin-top: 30px;
padding-top: 7px;
}
#resultToolsFun h1{
font-family: 'Overlock-Black';
font-size: 21px;
text-align: center;
color:#374600;
text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
-webkit-background-clip: text;
 -moz-background-clip: text;
      background-clip: text;
opacity: 0.9;
position: relative;
z-index: 3;
}
#resultToolsFun h1 span{
font-size: 20px;
}
#resultToolsFunCont{
padding-top: 165px;
padding-left:50px;
padding-right: 50px;
font-size: 'Overlock-Italic';
font-size: 20px;
font-style: italic;
color: #191919;
position: relative;
z-index: 3;
}
#resultToolsFunCont hr{
border-top: #586A00 solid 1px;
border-bottom: #EEF4A9 solid 1px;
border-left: none;
border-right: none;
margin: 20px 0px;
}
#resultToolsFunCont p{
padding-left: 80px;
background-color: transparent;
background-image: url(../images/icons_tools.png);
background-repeat: no-repeat;
padding-top: 7px;
padding-bottom: 10px;
}
#resultToolsFunCont p.bg1{
background-position: 10px 0px;
}
#resultToolsFunCont p.bg2{
background-position: 10px -63px;
}
#resultToolsFunCont p.bg3{
background-position: 10px -122px;
}
#resultToolsFunCont p.bg4{
background-position: 10px -195px;
}
#resultToolsFunCont p.bg5{
background-position: 10px -273px;
}
#resultToolsFunCont p.bg6{
background-position: 10px -328px;
}
#resultToolsFunCont p.bg7{
background-position: 10px -405px;
}
#resultToolsFunCont p.bg8{
background-position: 10px -480px;
}
#resultToolsFunCont p.bg9{
background-position: 10px -549px;
}
#resultToolsFunCont p.bg10{
background-position: 10px -648px;
}
#resultToolsFunCont p.bg11{
background-position: 10px -714px;
}
#resultToolsFunCont p.bg12{
background-position: 10px -775px;
}
#resultToolsFunCont span{
color:#fff;
}
#facebookComments{
border: #BBB solid 1px;
background:#F5FAFF;
border-radius: 10px;
padding:30px 60px;
}
#facebookComments h3{
margin-bottom: 20px;
font-size: 18px;
text-align: center;
}
#facebookComments .fb-like{
margin-bottom: 10px;
}
.addthis_button_preferred_1, .addthis_button_preferred_2, .addthis_button_preferred_3, .addthis_button_preferred_4{
position: relative;
top:2px;
}
#sharingButtons{
margin-bottom: 20px;
}
#counterButtons{
font-size: 11px;
color:#363636;
margin-top:-15px;
margin-bottom: 20px;
padding:0px 15px;
}
#counterButtons div{
display: inline-block;
}
#counter_link{
margin-left: 320px;
}
#sharingButtons .btns{
border:#bbb solid 1px;
border-radius: 5px;
display: inline-block;
margin-right: 10px;
vertical-align: top;
height:30px;
font-size: 12px;
font-weight: bold;
background: -moz-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #EFEFEF));
background: -webkit-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: -o-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: -ms-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: linear-gradient(top, #fff 0%, #EFEFEF 100%);
-pie-background: linear-gradient(top, #fff 0%, #EFEFEF 100%);
box-shadow: inset 0px 0px 1px #fff;
}
#linktoBox{
border:#bbb solid 1px;
border-radius: 5px;
background: -moz-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #EFEFEF));
background: -webkit-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: -o-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: -ms-linear-gradient(top, #fff 0%, #EFEFEF 100%);
background: linear-gradient(top, #fff 0%, #EFEFEF 100%);
-pie-background: linear-gradient(top, #fff 0%, #EFEFEF 100%);
box-shadow: inset 0px 0px 1px #fff;
padding: 5px 20px;
margin-bottom: 20px;
display: none;
}
#linktoBox textarea{
width:745px;
padding:10px;
border:#ccc solid 1px;
color:#666;
}
#print{
color:#000;
display: block;
padding-left: 50px;
background: transparent url(../images/icon_print.png) 20px 5px no-repeat;
padding-top: 9px;
padding-bottom: 4px;
padding-right: 20px
}
#invite{
color:#000;
display: block;
padding-left: 50px;
background: transparent url(../images/icon_invite.png) 20px 5px no-repeat;
padding-top: 9px;
padding-bottom: 4px;
padding-right: 20px
}
#another_date{
color:#000;
display: block;
padding-left: 50px;
background: transparent url(../images/icon_another.png) 20px 5px no-repeat;
padding-top: 9px;
padding-bottom: 4px;
padding-right: 20px
}
#linkto{
color:#000;
display: block;
padding-left: 50px;
background: transparent url(../images/icon_link.png) 20px 4px no-repeat;
padding-top: 9px;
padding-bottom: 4px;
padding-right: 20px
}
#rightSharing{
text-align: center;
width:300px;
margin:20px auto 0px auto;
}
#rightSharing .rsbox{
display: inline-block;
vertical-align: top;
width:97px;
overflow: hidden;
text-align: center;
}
#rightSharing .rsbox#rsbox_google{
width:70px;
}
#rightSharing .g-plusone{
width:10px;
overflow: hidden;
}
.moon_txt{
font-size: 12px;
line-height: 18px;
color:#333;
width: 809px;
}
.moon_txt a{
text-decoration: underline;
color:#012B78;
}
.moon_txt a:hover{
text-decoration: none;
}
.scheduleBox{
border:#BCBCBC solid 1px;
border-radius: 5px;
display: inline-block;
width:390px;
vertical-align: top;
margin:20px 0px;
}
.scheduleBox a{
display: block;
border-bottom: #C0C0C0 solid 1px;
box-shadow: inset 0px 0px 1px #fff;
padding:7px 20px;
font-size: 12px;
color:#565656;
text-decoration: none;
}
.scheduleBox a:hover{
background:#FFEEEE;
}
.scheduleBox a:last-child{
border-bottom: none;
border-radius: 0px 0px 5px 5px;
}
.scheduleBox h5{
font-size: 14px;
text-align: center;
border-bottom: #C0C0C0 solid 1px;
background: -moz-linear-gradient(top, #fff 0%, #D4D4D4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #D4D4D4));
background: -webkit-linear-gradient(top, #fff 0%, #D4D4D4 100%);
background: -o-linear-gradient(top, #fff 0%, #D4D4D4 100%);
background: -ms-linear-gradient(top, #fff 0%, #D4D4D4 100%);
background: linear-gradient(top, #fff 0%, #D4D4D4 100%);
-pie-background: linear-gradient(top, #fff 0%, #D4D4D4 100%);
padding:7px 10px;
font-weight: normal;
}
.scheduleBox h4{
font-family: 'stagbo';
border-bottom: #C0C0C0 solid 1px;
font-size: 20px;
font-weight: normal;
color:#555;
background: transparent url(../images/icon_excel.png) 30px 20px no-repeat;
padding:17px 20px 17px 80px;
}
.scheduleBox h4 span{
display: block;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
}
.scheduleLeft{
margin:20px 0px 20px 20px;
}
#scheduleCol a, #scheduleCol h5{
display: inline-block;
width: 174px;
}
#scheduleCol a{
display: inline-block;
width: 155px;
margin-left: -4px;
}
.lefth5{
border-right: #C0C0C0 solid 1px;
}
.righth5{
border-left: #fff solid 1px;
}
#scheduleCol .aleft{
border-right: #C1C1C1 solid 1px;
width:154px;
margin-left:0px;
}
#last-aleft{
border-bottom: none;
border-right: #C0C0C0 solid 1px;
}
.port{
background:transparent url(../images/icon_schedule.png) 0px 3px no-repeat;
padding:8px 0px 8px 30px;
}
.land{
background:transparent url(../images/icon_schedule.png) 0px -25px no-repeat;
padding:8px 0px 8px 35px;
}
#boxInvite{
width:400px;
color:#333;
font-size: 13px;
padding:50px;
}
#boxInvite h3{
font-size: 15px;
text-align: center;
text-transform: uppercase;
margin: 20px 0px;
}
#boxInvite th{
text-align: right;
width:100px;
}
#boxInvite table{
width: 100%;
}
#boxInvite td, #boxInvite th{
padding:3px 10px;
}
#sendInvite{
border:#B00000 solid 1px;
border-radius: 5px;
background: -moz-linear-gradient(top, #DE3737 0%, #B90D0D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DE3737), color-stop(100%, #B90D0D));
background: -webkit-linear-gradient(top, #DE3737 0%, #B90D0D 100%);
background: -o-linear-gradient(top, #DE3737 0%, #B90D0D 100%);
background: -ms-linear-gradient(top, #DE3737 0%, #B90D0D 100%);
background: linear-gradient(top, #DE3737 0%, #B90D0D 100%);
-pie-background: linear-gradient(top, #DE3737 0%, #B90D0D 100%);
font-size: "myriad";
color:#fff;
text-align: center;
font-size: 14px;
padding:3px 10px;
margin-top: 10px;
cursor: pointer;
}
#sendInvite:hover{
background: -moz-linear-gradient(top, #B90D0D 0%, #DE3737 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B90D0D), color-stop(100%, #DE3737));
background: -webkit-linear-gradient(top, #B90D0D 0%, #DE3737 100%);
background: -o-linear-gradient(top, #B90D0D 0%, #DE3737 100%);
background: -ms-linear-gradient(top, #B90D0D 0%, #DE3737 100%);
background: linear-gradient(top, #B90D0D 0%, #DE3737 100%);
-pie-background: linear-gradient(top, #B90D0D 0%, #DE3737 100%);
}
#boxInvite .txts{
border:#ccc solid 1px;
background:#EFEFEF;
padding:3px 10px;
color:#333;
}
#boxInvite .loading{
position: relative;
top: 10px;
display: none;
}
#title_current, #title_festivity{
float:left;
}
#detail_cbo{
float: right;
margin-top: 10px;
border:#ccc solid 1px;
border-radius: 5px;
padding:3px 10px;
color:#666;
background:#EFEFEF;
}
#next-festivity{
float: right;
margin-top: 10px;
color:#062A79;
}
.async{
margin-left:5px;
position: relative;
top:3px;
}
#boxConfig #sharingButtons .btns{
border:#E4E4E4 solid 1px;
}
/*COLORBOX*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}