/* -------------------------------------------- -----------------------------------------------------
    Cascading StyleSheet
    SCREEN
                                                                                                    */
																									
@import "default.css";		

																						
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* -------------------------------------------------------------------------------------------------
    LAYOUT
                                                                                                    */

html                                { height:100%; overflow-y:scroll; margin-bottom:1px; }
body                                {
background: transparent ;
background-size: 100% auto; padding:0px;
    font: 110%/1.4 'Roboto', Verdana, Helvetica, Sans-Serif;
        font-weight: normal;
        font-size: 110%;
        line-height: 1.4;
        font-family: "Roboto", Verdana, Helvetica, sans-serif;
    color: #000;
	padding-top:20px;
}

#container                          { /*background:#ffffff;*/ /*margin:0px auto; padding:0px 0px 0px 20px;*/ width:100%; }

#systemCheck                        { background:#ffffff; border:1px solid #999999; float:right; padding:5px 10px; }
#systemCheck p                      { background:url('../img/icon_status_okay.gif') no-repeat 0px 3px; padding-left:20px; }
#systemCheck p.error                { background:url('../img/icon_status_error.gif') no-repeat 0px 3px; color:#cc0000; font-weight:bold; padding-left:20px; }


/* -------------------------------------------------------------------------------------------------
    HTML TAGS
                                                                                                    */

h2                                  { 

    margin-bottom: -10px;
    padding-bottom: 0px;
    padding-top: 4px;
	color: #00823d;
font-weight: 500;
font-size: 1.15em;
line-height: 1.2em;
margin-bottom: 0.61em;
text-transform: uppercase; }

small                               { font-size:90%; line-height:125%; }

.marginLeft {
margin-left:0px !important;	
}
label a, p a {
text-decoration:underline;
}
label a:hover, p a:hover {
text-decoration:none;	
}
/* -------------------------------------------------------------------------------------------------
    CLASSES
                                                                                                    */

.highlight                          { color:#cc0000; }


/* -------------------------------------------------------------------------------------------------
    LINKS
                                                                                                    */

a                                   { color:#00823d; text-decoration:none; }
a:hover                             { color:#000000; text-decoration:underline; }

.add                                { background:url('../img/link_add.gif') no-repeat left 4px; padding:1px 0px 1px 22px; }
.view                               { background:url('../img/link_view.gif') no-repeat left 4px; padding:1px 0px 1px 22px; }
.edit                               { background:url('../img/link_edit.gif') no-repeat left 4px; padding:1px 0px 1px 22px; }
.delete                             { background:url('../img/link_delete.gif') no-repeat; padding:1px 0px 1px 22px; }
.calendar                           { background:url('../img/link_calendar.gif') no-repeat; padding:1px 0px 1px 22px; }
.pdf                                { background:url('../img/link_pdf.gif') no-repeat left 4px; padding:1px 0px 1px 22px; color:#000000; }

.paginator a                        { background:#ffffff; border:1px solid #000; color:#000000; margin-right:5px; padding:0px 5px 1px 5px; }
.paginator a:hover                  { background:#000; color:#ffffff; text-decoration:none !important;}
.paginator span.current             { background:#f4f4f4; border:1px solid #999999; color:#000000; margin-right:5px; padding:0px 5px 1px 5px; }


/* -------------------------------------------------------------------------------------------------
    FORMS
                                                                                                    */
label {
font-size: 0.91rem;
line-height: 1.45em;
font-weight: 400;
}
#container p {
font-size: 0.91rem;
line-height: 1.45em;
font-weight: 400;
}
input.std, textarea.std { 
padding: 3px 5px 0px 5px;
background-color: #ffffff;
min-height: 37px;
line-height: 37px;
color: #000;
font-size: 15px;
box-sizing: border-box;
border: none;
display: inline-block;
margin-bottom:7px;
margin-top:6px;
}
select.std { 
padding: 11px 5px;
background-color: #ffffff;
min-height: 20px;
line-height: 20px;
color: #000;
font-size: 0.91rem;
line-height: 1.45em;
font-weight: 400;
box-sizing: border-box;
border: none;
display: inline-block;
margin-bottom:7px;
margin-top:6px !important;
}
label {
text-align:left;	
}

div.submit 							{margin-left:240px; width:65%; min-height:20px;}
input.submit                        { background:#00823d; border: none;
color: #ffffff;
font-size: 14px;
font-weight: 400;
padding: 7px 20px;
float:right;}
input.submit:hover                  { background:#ffffff; color:#000; text-decoration:none; }

input.form-error, select.form-error, textarea.form-error
                                    { background-color:#c81414 !important; border:1px solid #000000; color:#ffffff; }
label.form-error                    { color:#c81414; font-weight:bold; }

input.cwFilter                      { margin-top: 20px !important; margin-left: 5px;}

input.date                          { background:#ffffff url('../img/icon_calendar.gif') no-repeat 2px center; margin-right:3px;width:100px !important; padding-left:22px; }
div.required label                  {  }
input[id*="GroupSchedule"]			{width:120px !important;}
div.checkbox label                  { padding-top:0px; }
input.chkbox                        { margin-top:1px; }

fieldset                            { border:1px solid #d2d2d2; display:block; margin-bottom:15px; }
legend                              { color:#000; font-weight:400; }


/* -------------------------------------------------------------------------------------------------
    FLASH MESSAGES
                                                                                                    */

#flashMessage                       { border-bottom:1px solid #999999; border-top:1px solid #999999; margin-bottom:15px; padding:15px 15px 15px 100px; }
#flashMessage span                  { font-size:120%; font-weight:bold; line-height:150%; }

#flashMessage.saved                 { background:url('../img/icon_info.gif') no-repeat 17px 12px #efefef; }
#flashMessage.deleted               { background:url('../img/icon_info.gif') no-repeat 17px 12px #efefef; }

#flashMessage.info                  { background:url('../img/icon_info.gif') no-repeat 17px 12px #efefef; }
#flashMessage.error                 { background:url('../img/icon_error.gif') no-repeat 17px 13px #efefef; }
#flashMessage.warning               { background:url('../img/icon_warning.gif') no-repeat 17px 13px #efefef; }


/* -------------------------------------------------------------------------------------------------
    TABLES
                                                                                                    */
td 									{font-size:14px;}
th                                  { background:#f4f4f4; font-weight:400; color:#000; border-bottom:1px solid #999999; padding:3px 5px; }
tr.row td                           { padding:3px 5px; }
tr.row1 td                          { background:#ffffff; border-bottom:1px solid #dddddd; padding:3px 5px; }
tr.row2 td                          { background:#ffffff; border-bottom:1px solid #dddddd; padding:3px 5px; }
tr.row1 td td, tr.row2 td td        { border:none; padding:0px 10px 0px 0px; }
tr.rowGrey td                       { background:#f4f4f4; border-bottom:1px solid #dddddd; padding:3px 5px; }
tr.rowGrey td td                    { border:none; padding:4px 10px 4px 0px; }
tr.rowGrey td td td                 { border:none; padding:0px 10px 0px 0px; }

div[id*="groupDetail"] td[style="width:8%"] {
width:1% !important;	
}
div[id*="groupDetail"] table table {
margin-top:10px;	
}
div[id*="groupDetail"] table table table{
margin-top:0px;	
}
/* -------------------------------------------------------------------------------------------------
    RESPONSIVE
                                                                                                    */

.responsive #container { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; }

.responsive p.w300, .responsive div.w300 { width:100%; }
.responsive p.w350, .responsive div.w350 { width:100%; }
.responsive p.w400, .responsive div.w400 { width:100%; }
.responsive p.w450, .responsive div.w450 { width:100%; }
.responsive p.w500, .responsive div.w500 { width:100%; }
.responsive p.w550, .responsive div.w550 { width:100%; }
.responsive p.w600, .responsive div.w600 { width:100%; }
.responsive p.w650, .responsive div.w650 { width:100%; }
.responsive p.w700, .responsive div.w700 { width:100%; }
.responsive p.w750, .responsive div.w750 { width:100%; }
.responsive p.w800, .responsive div.w800 { width:100%; }

.responsive input.w300, .responsive textarea.w300 { width:100%; }
.responsive input.w350, .responsive textarea.w350 { width:100%; }
.responsive input.w400, .responsive textarea.w400 { width:100%; }
.responsive input.w450, .responsive textarea.w450 { width:100%; }
.responsive input.w500, .responsive textarea.w500 { width:100%; }
.responsive input.w550, .responsive textarea.w550 { width:100%; }
.responsive input.w600, .responsive textarea.w600 { width:100%; }

.responsive input.submit.w300 { width:100%; }
.responsive input.submit.w350 { width:100%; }
.responsive input.submit.w400 { width:100%; }
.responsive input.submit.w450 { width:100%; }
.responsive input.submit.w500 { width:100%; }
.responsive input.submit.w550 { width:100%; }
.responsive input.submit.w600 { width:100%; }

.responsive select.w300 { width:100%; }
.responsive select.w350 { width:100%; }
.responsive select.w400 { width:100%; }
.responsive select.w450 { width:100%; }
.responsive select.w500 { width:100%; }
.responsive select.w550 { width:100%; }
.responsive select.w600 { width:100%; }

.responsive label.w300  { width:100%; }
.responsive label.w350  { width:100%; }
.responsive label.w400  { width:100%; }
.responsive label.w450  { width:100%; }
.responsive label.w500  { width:100%; }
.responsive label.w550  { width:100%; }
.responsive label.w600  { width:100%; }

.responsive div.inputset div.checkbox       { padding-top:1px; float:none; white-space:nowrap; margin-right:10px;}
.responsive div.inputset div.checkbox input { float:none; display:inline-block; vertical-align:top; margin-top:4px; }
.responsive div.inputset div.checkbox label { float:none; display:inline-block; vertical-align:top; white-space:normal; }

.responsive div.checkbox       { white-space:nowrap; }
.responsive div.checkbox input { float:none; display:inline-block; vertical-align:top; margin-top:4px; }
.responsive div.checkbox label { float:none; display:inline-block; vertical-align:top; white-space:normal; }

#CwFilterSearch {
	width: 267px;
	}

@media all and (max-width: 880px) {
	div.submit {
		margin-left:0px;
		width:95%;
		}
	form.largeLabels .marginLeft {
		margin-left: 0px;
		}
}