/**
 * Stylesheet for the Ovulation Calendar
 * Some overrides for thickbox and tooltip
 * and calendar formatting
 */

p.title {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}
 
/* 
 * widget contact form 
 */
#oc_widget {
	background-color: #fbbaf1;
	color: #000;
	text-align: left;
	padding: 10px;
	min-width: 170px;
}
#oc_widget.oc_profile {
	background-color: #CADFE6;
}

/* form elements */
#oc_contact_form .txt, #oc_contact_form select {
	border: 1px solid #D5D6D7;
	background-color: white;
        margin: 0 0 10px 0;
}

#oc_contact_form .txt_login {
	border: 1px solid #C5C6C7;
	background-color: white;
}

#oc_contact_form p.sign {
	font-weight: bold;
	font-size: 1.1em;
}

#oc_contact_form input.button {
	padding: 3px 5px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #f513a2;
	color: #001020;
	text-align: center;
	width: auto;
	border: 0;
}

#oc_widget a {
	font-size: 1.2em;
	text-decoration: underline;
	color: #4846A0;
	font-weight: bold;
}

#oc_widget a.question {
	width: 23px;
	height: 22px;
	text-decoration: none;
	background: url('../question.gif') no-repeat;
	display: block;
	float:right;
}

#oc_widget a:hover {
	text-decoration: none;
}

#oc_message {
	position: absolute;
	border: 2px solid #3E3;
	background-color: #8D8;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.9em;
	color: #FFF;
	padding: 10px;
	max-width: 300px;
	min-width: 200px;
	top: 40%;
	left: 40%;
}

#overlay {
    position: fixed;
 	  top: 0; 
    left: 0;
    height: 1200px;
    width: 100%;
    background-color: #fff;
    display: none;
	  opacity: 0.6;
	  filter: alpha(opacity = 60);
}

#oc_login {
	position: fixed;
	visibility: hidden;
  opacity:0;
  filter: alpha(opacity = 0);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
  box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
  background: #ea5780; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #ea5780 0%, #c02953 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ea5780), color-stop(100%,#c02953)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* IE10+ */
  background: radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* W3C */
	font-size: 12px;
	padding: 30px;
	top: 40%;
	left: 40%;
}

  #oc_login .title {
    font-size: 16px;
  }

  #oc_login label {
    width: 60px;
    float:  left;
    padding: 5px 5px 0 0;
  }

 /*
  * Profile edit form
  */ 
  
  #oc_profile_edit {
  	width: 100%;
  	position: relative;
  }

/*
 * Ovulation Calendar, overrided default Calendar
 */
  .calnk a:hover {
      background-position:0 0;
      text-decoration:none;  
      color:#000000;
      border-bottom:1px dotted #000000;
      }
 .calnk a:visited {
      text-decoration:none;
      color:#000000;
      border-bottom:1px dotted #000000;
     }
 .calnk a {
     text-decoration:none; 
     color:#000000; 
     border-bottom:1px dotted #000000;
     }
 .calnk a span { 
     display:none; 
     }
 .calnk a:hover span {
     color:#333333; 
     background:#F6F79B; 
     display:block;
     position:absolute; 
     margin-top:1px; 
     padding:5px; 
     width:150px; 
     z-index:100;
     }
  .oc-table, .oc-table table {
     border: 1px solid #f78ba9;
     box-shadow: 3px 3px 0 0 rgba(0,0,0,0.05);
     width:50%;
     background-color:#fff;
     font-size: 12px;
     float: left;
     margin: 0 20px 20px 0;
  }
  .oc-table td {
     vertical-align:middle;
     text-align:center;
  }
  .oc-table td.oc-title {
     height:25px;
     text-align:center;
     background-color:#c5dde5;
     font-weight:bold;
     color:#253a6a;
     padding-left: 5px;
  }
  .oc-table td.oc-next, .oc-table td.oc-prev {
     background-color:#ba204a;
     font-size: 14px;
  }
  .oc-table td.oc-next a, .oc-table td.oc-prev a {
     color:#fff;
     border-bottom: none;
  }
  .oc-table td.oc-month {
     height:25px;
     text-align:center;
     font-weight:bold;
  	 background-color:#c12a53;
     color: #fff;
     font-size: 14px;
  }
  .week-day-heading {
     text-align:center;
     width:25px;
     height:25px;
     font-weight:bold;
     color: #fff;
     background-color:#a02245;
     border-bottom: 2px solid #333;
  }
  .day-with-date {
     width:60px;
     height:30px;
     background-color:#fff;
  }
  .day-without-date {
     width:60px;
     height:30px;
     background-color:#f1f1f1;
     color:#D0D0BD;
  }

  .day-red-1 {
     background-color:#fe9980;
  }  
  .day-red-2 {
     background-color:#ffaa99;
  }  
  .day-red-3 {
     background-color:#fec3b9;
  }  
  .day-red-4 {
     background-color:#ffd4c8;
  }  
  .day-red-5 {
     background-color:#ffeae5;
  } 
     
  .day-green-1 {
     background-color:#d8ffd8;
  }  
  .day-green-2 {
     background-color:#b6fcb1;
  }  
  .day-green-3 {
     background-color:#8cf68b;
  }  
  .day-green-4 {
     background-color:#8afc88;
  }  
  .day-green-5 {
     background-color:#3cde3c;
     color:#fff;
  }  
  .day-green-6 {
     background-color:#d9ffd9;
  }  
  
  .day-baby {
  	 border:2px solid #666;
  }
 .day-current {
 	border: 1px dashed red;
        font-size: 14px;
	font-weight:bold;
  }

  .cat-key {
     width:100%;
     margin-top:10px;
     padding:5px;
     border:1px solid #D6DED5;
  }

/* TTC customization */

#oc_widget {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ea5780; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ea5780 0%, #c02953 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ea5780), color-stop(100%,#c02953)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ea5780 0%,#c02953 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5780', endColorstr='#c02953',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 11px;
        margin: 0 0 10px 0;
	padding: 10px 15px;
}

	#oc_widget h3 { 
            color: #fff; 
            text-align: center;
            font-size: 14px;
        }

	#oc_widget a { color: #fcf; }

	#oc_header select {
		margin: 0 0 5px 0;
	}

	#oc_header {
		background: url('../oc_head.png') center top no-repeat;
		height: 22px;
		margin: 0 0 10px 0;
	}

		#oc_header p { display: none; }

	#oc_message {
		margin: 10px 0;
		padding: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #fff;
		color: #333;
	}

	.oc_main_form {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: rgba(255,255,255,0.2);
		box-shadow: 2px 2px 0 0 rgba(0,0,0,0.35);
                margin: 0 0 10px 0;
		padding: 15px;
	}

		.oc_main_form p {
			font-size: 12px;
			font-weight: bold;
                        margin: 0 0 3px 0;
		}

#oc_widget a.question {
	margin: 20px 0 0 0;
        background: none;
	background: #e491a8;
	width: 25px;
	line-height: 25px;
	text-decoration: none;
	display: block;
	float:right;
        color: #fff;
        text-align: center;
        font-weight: bold;
        border-radius: 15px;
}

#oc_widget input.button.ttc_btn {
-webkit-box-shadow: 2px 2px 0 0 #b54f6c;
-moz-box-shadow: 2px 2px 0 0 #b54f6c;
box-shadow: 2px 2px 0 0 #b54f6c;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #903;
padding: 5px 15px;
font-size: 13px;
background: #ffc9d8; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc9d8 0%, #feb6c9 50%, #fea6bf 51%, #fd8cac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc9d8), color-stop(50%,#feb6c9), color-stop(51%,#fea6bf), color-stop(100%,#fd8cac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc9d8 0%,#feb6c9 50%,#fea6bf 51%,#fd8cac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc9d8 0%,#feb6c9 50%,#fea6bf 51%,#fd8cac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc9d8 0%,#feb6c9 50%,#fea6bf 51%,#fd8cac 100%); /* IE10+ */
background: linear-gradient(top,  #ffc9d8 0%,#feb6c9 50%,#fea6bf 51%,#fd8cac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc9d8', endColorstr='#fd8cac',GradientType=0 ); /* IE6-9 */
}

#oc_widget input.txt.ttc_txt {
width: 219px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #f2ccd7;
color: #000;
padding: 7px 5px;
font-size: 12px;
background: #eaaebf;
-webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4);
-moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4);
box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4);

}

.ta-center { text-align: center; }