/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2011-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2011-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

/* CSS Document */
body { margin:0px; background:#003D4C; color:#000; font-size: 100%; }

#wrapper {
	width: 1020px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	padding: 10px 20px;
	font-size: 12px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top: 10px;
	border: 5px solid #CCCCCC;
}

/* Decorative Css */
h1 { margin:10px 0px; font-size:22px; font-weight:bold; }
h2 { margin:8px 0px; font-size:20px; font-weight:bold; }
h3 { margin:8px 0px; font-size:18px; font-weight:bold; }
.stylebold {   font-size:16px; font-weight:bold; margin:8px 0px; }
.stylenormal { font-size:14px; margin:8px 0px; }
.small { font-size:11px; }
hr { margin:15px 0px; }
.bold { font-weight:bold; }
.gray { color:#666666; line-height:18px; }
.div_border { border:3px solid #CCCCCC;  padding:10px; margin:20px 0px; }
.div_border_engagement_monitoring_header { border:none;  padding:11px; margin:0px 0px; }
.div_style { background:#E1E1E1;  border:2px solid #5D5D5D; padding:10px 20px; width:350px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
.blue_color { color:#006BE1; font-weight:bold; }

/* Rounded Corners */
.round_corner { border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }

/* Normal spcating in table css */
.spacing { line-height:25px; }
.spacing_double { line-height:35px; }
.innerspacing { width:100%; margin:20px; }
.leftspacing {  margin-left:50px;font-weight:bold; }
.left-padding { padding-left:30px; }
.floating-right { float:right; }
.floating-left { float:left; }

.two_rows { float:left; margin:10px 30px;  line-height:18px; }
.two_rows input[Type="text"] { margin-top:5px; }

table { width: 100%; }

/* Form CSS */
form { font-size:12px; margin:0px; padding:0px; }
 
.textfield_small { width:220px; }
.textarea_big { width:900px; min-height:100px; }
input[Type="button"] { border:1px solid #000; box-shadow:#000 2px 2px 0px 0px; -moz-box-shadow:#000 2px 2px 0px 0px; -webkit-box-shadow:#000 2px 2px 0px 0px; padding:2px 5px; cursor:pointer;
font-size:12px; line-height:normal;  } 
button[Type="submit"], input[Type="submit"] { border:1px solid #000; box-shadow:#000 2px 2px 0px 0px; -moz-box-shadow:#000 2px 2px 0px 0px; -webkit-box-shadow:#000 2px 2px 0px 0px; padding:2px 5px; cursor:pointer; font-size:12px; line-height:normal;} 
input[Type="text"] { padding:3px 5px; border:1px solid #000; width:250px; } 
input[Type="password"] { padding:3px 5px; border:1px solid #000; width:250px; } 
select {  padding:3px 5px; border:1px solid #000; width:250px; } 
textarea {  padding:3px 5px; border:1px solid #000; width:250px; }
.submit {   text-align:right; margin:10px 0px 0px 0px;  }
.whitebutton { color:#000; background:#fff; }
.redbutton { color:#fff; background:#C20D0D; }
.graybutton { color:#000; padding:8px 10px; background:#ccc; }

.nextbt { background:url(images/nextbt.png) no-repeat right; color:#000; height:30px; border:0px; border-left:1px solid #011E2B; padding:8px 20px;  }
.prevbt { background:url(images/prevbt.png) no-repeat left; color:#000; height:30px; border:0px;  border-right:1px solid #011E2B; padding:8px 20px;   }

#bluebox { background:#ADD3E4; border:2px solid #000000; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; padding:15px; font-size:14px; line-height:30px;    }
/*.tabs  {  height:30px; padding-left:30px;  }
.tabs a { display:block; line-height:30px;  background:url(images/graytab.png) right no-repeat; color:#333; text-align:center; padding:0px 20px;  float:left; font-weight:bold; border-left:1px solid #000000; margin-left:-10px; }
.tabs  .active {    background:url(images/whitetab.png) right no-repeat; color:#000; position:relative; z-index:100;        }
.tabs a.position {     position:relative; z-index:100;     }
.tabs a { text-decoration:none; }*/

/* Table border Style */
.fullborder { border:1px solid #000000; }

/* Table bg fileds */
 #tablestyle {   width:100%; margin:5px 0px;}
  #tablestyle td { padding:5px 0px 5px 5px; white-space:nowrap;   }
.grayfields { background:#ccc; font-weight:bold; height: 30px; }
.whitegrayfields { background:#ffffff; height: 30px; }
.lightgrayfields { background:#EEEEEE; height: 30px; }
.bluefields { background:#D7E3F5; height: 30px; }
.redfields { background:#F08080; height: 30px; }
#scrollholder { height:200px; overflow:scroll; margin:0px; padding:0px; }
#scrollholder table { width:100%; }

fieldset { background:#DDDDDD; border:1px solid #000; margin-top:10px; padding:0px 5px;  padding-top:0px;  }
legend { font-size:16px; font-weight:bold;   }
fieldset #tablestyle { border:1px solid #000; margin-top:15px;   }
fieldset.white { background:#fff; }

.bgstyle {  background:#DDDDDD; border:2px solid #000; padding:15px 20px; }
.bgstyle  b { font-size:13px; font-weight:bold; }

.video_box { width:500px; height:300px; border:2px solid #333; background:#fff; margin:15px 0px 15px 30px; }

/* Date box style css  */
.date_content_box { border:5px solid #ccc; margin-left:50px; padding:10px; margin-bottom:20px; }
.date_content_box .date { margin-bottom:10px; }
.month_name { border:1px solid #000; padding:8px 0px; font-size:14px; font-weight:bold;   background:#fff; width:150px; text-align:center;    }
.calender_box { text-align:center; line-height:20px; border:2px solid #000; width:130px; height:200px;  margin:20px 10px; float:left; background:#fff;}
.calender_box .title_txt { width:100%; color:#000; text-align:center; border-bottom:2px solid #000; background:#666666; padding:5px 0px; margin:0px; font-size:14px; font-weight:bold; }
.calender_box .blue_title_txt{   width:100%; color:#000; text-align:center; border-bottom:2px solid #000; background:#04B0D5;  padding:5px 0px; margin:0px; font-size:14px; font-weight:bold;}

 a { text-decoration:underline; color:#0E5699; }
 a:hover { text-decoration:none; color:#000; }

/* header Section css */
#header { height:130px; border-bottom:5px dotted #74B8CC; } 
#header #logo { margin:10px; float:left; }
#header .topnav { width:500px; color:#000; float:right;  font-size:14px; text-align:right;  }
#header .topnav span {   margin:15px 0px 15px 0px; font-weight:bold; display:block;   font-size:18px; }
#header .topnav a { text-decoration:underline; color:#6E99C2; margin:0px 0px; font-size:14px; }
#header .topnav a:hover { text-decoration:none; color:#000; }
#header .topnav .active { text-decoration:none; color:#C20D0D; }

/* Contents Section Css */
#contents { display:table; height:100%; padding:15px 0px; width:100%; }

/* Footer Section Css */
.footer { width:1000px; margin:10px auto; color:#FFFFFF; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.footer a { text-decoration:underline; color:#FFFFFF; }
.footer a:hover { text-decoration:none; color:#FF0000; }

.astric {color:#F00;}

.clear {
	clear: both;
}


/* OLD CSS BELOW */

/* Start of Flash Success/Error message */
#flashMessage {
	padding: 5px;
	margin-bottom: 15px;
	background-color: #666;
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: #333 2px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	text-shadow: #333 0px 1px 0px;
}

#flashMessage.flash-success {
	background-color: #080;
	border-color: #060;
	text-shadow: #060 0px 1px 0px;
}

#flashMessage.flash-error {
	background-color: #a00;
	border-color: #600;
	text-shadow: #600 0px 1px 0px;
}

div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-left: 2px;
	float:none;
	width:220px;
	/*position: absolute;*/
	margin-top: 1px;
}

/* Engagement Monotoring */
fieldset.daily-monitoring {
	width: 550px;
	float: left;
}

fieldset#interventions-list {
	width: 300px;
	float: right;
	font-size: 90%;
}

fieldset#interventions-list ul {
	padding: 0;
	margin: 0;
}

.dcmr-list li {
	padding-top: 5px;
	padding-left: 10px;
	margin-left: -10px;
	padding-right: 10px;
	margin-right: -12px;
}

.dcmr-list li:hover {
	background-color: #E6E6E6;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

#daily-monitoring label {
	font-size: 100%;
}

#daily-monitoring .input.checkbox {
	margin-bottom: 0;
}

#daily-monitoring span.button, #interventions-list span.button {
	font-size: 80%;
	float: right;
}

#contact-monitoring-list li {
	border: 2px solid #E6E6E6;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	margin-bottom: 5px;
}

strong {
	font-weight: bold;
}

span.alert {
	color: #ff0000;
	font-weight: bold;
	font-size: 115%;
}

form fieldset .ui-multiselect {
	border: 1px solid #fffbf9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fffbf9;
}



/*********************/
/*** My CSS styles ***/
/*********************/
#group-table
{
	width: 100%;
	border: 0;
	cellpadding: 0;
}

.hover-div
{
	display: none;
}

#group-table td:hover .hover-div
{
	display: block;
	position: absolute;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

a.button, button.button
{
	text-decoration: none;
	border: 1px solid #000;
	box-shadow: #000 2px 2px 0px 0px;
	-moz-box-shadow: #000 2px 2px 0px 0px;
	-webkit-box-shadow: #000 2px 2px 0px 0px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: normal;
	color: #000;
	background: #fff;
}

a.redButton, button.redButton
{
	text-decoration: none;
	border: 1px solid #000;
	box-shadow: #000 2px 2px 0px 0px;
	-moz-box-shadow: #000 2px 2px 0px 0px;
	-webkit-box-shadow: #000 2px 2px 0px 0px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: normal;
	color: #FFFFFF;
	background: #C20D0D;
}

.label { font-weight: bold; text-align: right; }
#contact-monitoring-list li ul {
	border: 2px solid #E6E6E6;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	margin-bottom: 5px;
}

#contact-monitoring-list li ul li {
	border: none;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 10px;
}

.disabled
{
	color: #000000;
}

.current
{
	color: #000000;
}

.page-index
{
	margin: 5px 10px 0px 0px;
	height: 100%;
	float: right;
}

input, select, textarea {
	border: 1px solid #000000;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.left {
	width: 50%;
	text-align: right;
	padding-right: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}
.right {
	width: 50%;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;
}

.invalid-date { color: #808080; }
.excused-tardy { background-color: #00FF00; }
.excused-absence { background-color: #00FFFF; }
.tardy { background-color: #FFFF00; }
.absence { background-color: #FF6347; }
.oss { background-color: #FF69B4; }
.iss { background-color: #C71585; }
.unsubmitted { background-color: #FF0000; }

#calendar {
	width: 100%;
	border: 0;
}

#calendar th, #calendar td {
	width: 2em;
	text-align: center;
}

#calendar th { background-color: #C0C0C0; }