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

/***** Global Settings *****/
html, body { border:0; margin:10px 20px; padding:0; }
body { font:12px Arial, Helvetica, sans-serif;  background:#718553;}

/***** Headings *****/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { padding:12px 0; letter-spacing:-1px; font-size:2em; }
h2 { padding:12px 0; letter-spacing:-1px; font-size:1.5em; }
h3 { font-size:1em; font-weight:bold; }

/***** Common Formatting *****/
ul, ol { margin:0; padding:0 0 1.25em 0; }
ul, ol { padding:0 0 1.25em 2.5em; }
blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }

acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
fieldset { padding:10px; } 

legend { font-weight:bold; }
 
/***** Links *****/
a, a:link, a:visited { text-decoration:underline; color:#800000; }
a:hover { color:#666666; }

/***** Forms *****/
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em Arial, Helvetica, sans-serif; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }
 
 
/***** Global Classes *****/
 
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
 
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
 
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc;color:red; }
.note {  color:#0066CC; }
.required { font-weight:bold; font-size:18px; color:#0066CC;}
.small { font-size:10px; }
.med-large { font-size:14px; }
.wrap { width:960px;margin:0 auto; }
 
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
 
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }

.txt_blue { color:#345266; }
.txt_orange { color:#ff9933; }
.txt_red { color:#ff0000; }
.txt_green { color:#009900; }
.align-top { vertical-align:top; }
.align-middle { vertical-align:middle; }
.align-bottom { vertical-align:bottom; }


.notice {  margin:2px 0 10px 0; padding:12px 2px 12px 12px; width:450px;  border:1px solid #ffffcc; }
.notice ul { margin:4px 0 4px 15px; padding:0; list-style-type:square; }
 
.info { border:1px solid #d1ddef;  color:#000000;  }
.error { border:1px solid #ff9494; color:#FF0000;  }
.success { border:1px solid #3d993d;  color:#006600; }

table { margin:5px 0; }
table td { padding:4px 2px; vertical-align:top; }

a img { border:none; }
a:hover img { border:none; } 

.notice {  margin:2px 0 10px 0; padding:12px 2px 12px 48px; border:1px solid #ffffcc; }
.notice ul { margin:4px 0 4px 15px; padding:0; list-style-type:square; }
 
.info { border:1px solid #d1ddef;  color:#000000; background:#f3f8ff url(../images/ico_info.gif) no-repeat 10px 10px; }
.error { border:1px solid #ff9494; color:#FF0000; background:#ffeeee url(../images/ico_warning.gif) no-repeat 10px 10px; }
.success { border:1px solid #3d993d;  color:#006600; background:#eefbee url(../images/ico_success.gif) no-repeat 10px 10px; }
.txt_red { color:#CC0000; }

.thumb { float:left; width:80px; margin-right:5px; margin-bottom:5px; text-align:center; }
a img { border:none; }
a:hover img { border:none; } 
#cont_plant_image { clear:both; }
#cont_plant_image img { margin-left:10px; }


table.data { border:1px solid #333;  margin:10px 0 20px 0; color:#000; width:780px; }
table.data th, table.data td { margin:0; padding:2px 10px; text-align:left; border-bottom:1px solid #ccc; vertical-align:top; }
table.data th { color:#999; margin:0; padding:0; }
table.data tr.field { background:#fff;  }
table.data tr.field th { background:#eee; color:#000; padding:2px 10px;  }
table.data tr { background:#fff; }
table.data tr.alt { background:#eee; }

/* structure */
.logo { margin:0; padding:0; }
.logo_login { margin:0 0 0 80px; padding:0;  }
#cont_login { width:712px; padding:15px; margin:0 auto; margin-top:0; background:#fff;   }
#cont_login table { color:#666666; }

#content { width:980px; margin:0 auto; margin-top:10px; padding:10px; background:#fff; }
#navBar { margin-right:20px; padding:0;  width:158px; border:1px solid #ddd; float:left; }
#navBar ul { margin: 0 auto; padding:0;   list-style-type:none; }
	div#navBar ul li { display:block;  border-bottom:1px solid #CCC;}
	a.primNavLink, a.primNavLinkSelected {  display:block; font-weight:bold; padding:10px; text-decoration:none;  }
	a.primNavLinkSelected { background-color:#FFC237; }
	
#cont-body { width:800px; float:left; }
.select_list { } 

#cont_template_list { width:450px; padding:20px 0 20px 20px;  }
#cont_template_list .cont_template { width:200px; text-align:center; margin-right:20px; float:left; } 
#cont_data { position:relative; }
.loading { position:absolute; background-color:#fff; z-index: 2;  opacity: 0.9;  top:0; left:0; width:100%; height:100%; display:none; }
.loading_block { width:500px; padding:5px; margin:0 auto; position:absolute; top:10%; border:1px solid #999999; background-color:#eee; z-index:3; opacity:100; }

.multiselect { width:auto; height:15em; border:solid 1px #c0c0c0; overflow:auto; }
 
.multiselect label { display:block; }
 
.multiselect-on { color:#ffffff; background-color:#0a246a; }
.tDnD_whileDrag td { color:#fff; background-color:#0a246a; }

.cont_saving_text { position:fixed; top:0; left:50%; margin-left:-175px;  width:350px; padding:5px; display:none; background-color:#FFFFCC; text-align:center;
 -moz-box-shadow:#2e3919 0px 0px 6px; -webkit-box-shadow:#2e3919 0px 0px 6px; box-shadow:#2e3919 0px 0px 6px;  behavior: url(../styles/PIE.htc);
 }


#photos { width:800px; list-style-type: none; margin:0; padding:0; }
#photos li { position:relative; float:left; margin:2px 2px 45px 2px; width:250px; height:250px;   border:solid 1px #999999;  text-align:center; }
#photos li span { position:absolute; bottom:-35px; display:block; width:250px; margin:0 auto; }

#cont_plant_image p { margin:2px 0; padding:0; }
#cont_before_after_images { text-align:left; width:400px; }
#cont_before_after_images .cont_before_after_item div { text-align:center; width:150px; height:150px; border:1px solid #999;  overflow:hidden; display:inline-block; margin-right:20px; margin-top:20px; }
#cont_before_after_images .cont_before_after_item div img {  background:#ccc; }
.no_image { display:block; height:150px; width:150px; background:#ccc; }

/*****hours setting*******/
.hour_container{
    width: 500px;
}
.open-type-radio{
    margin-bottom: 8px;
}
.fLeft{
    float: left !important;
}
.open-type-radio-inpt{
    width: 40px;
    margin-bottom: 10px;
}
.open-type-radio-label{
    width: 300px;
    padding-top: 2px;
}
.clear{
    float: none;
}
.days-box{
    margin: 15px 0 0 37px;
    padding: 5px;
}
.days-ul{
    padding: 0px 10px;
    margin-left: 20px;
    list-style: none;
}
.days{
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    display: inline;
}
.sm-pad{
    padding: 12px 12px;
}
.lg-pad{
    padding: 12px 15px;
}
.days-ul-li{
    background: #DFDEDF;
    border-color:#20A58D;
    color:#20A58D;
}
.set-time-box{
    margin: 20px 0 0 87px;
}
.time-input-box{
    margin: 20px 0 0 92px;
}
.time-input{
    height: 24px;
    width: 80px;
    background: #FFF;
    border:1px solid #DFE2E2;
    padding-left: 5px;
}
.add-time,.time-save-btn,.time-clr-btn{
    padding: 6px 15px;
    background: #02B394;
    border: none;
    cursor: pointer;
    color: #FFF;
}
.added-times-box{
    margin: 30px 0 0 93px;
    width: 330px;
}
.added-times{
    border-top: 1px solid #DFE2E2;
    padding: 8px 5px;
    margin-bottom: 5px;
    float: left;
}
.day{
    width: 80px;
    float: left;
}
.day-time{
    width: 250px;
}
.time-save-btn,.time-clr-btn{
    float: right;
    padding: 6px 30px;
}
.marked{
    border-color: yellow;
    background: yellowgreen;
    color:#FFF;    
}
.time-clr-btn{
    margin-right: 8px;
    background: gray;
}
.ampm-otpion1,.ampm-otpion2{width: 50px;padding: 5px 1px;border:1px solid #DFE2E2;}
.pagename-box{
    margin: 6px 0 10px 0;
    float: left;
}
.pagename{margin:0 5px;padding: 0 8px;}
.align-left{float: left}
.hourslist{
    display: inline;
    padding: 10px;
    float: left;
    width: 100%;
}
.hourslist li{
    list-style: none;
}
.aligncenter{text-align: center;}
.hoursublist{
    padding: 10px 5px;
    float: left;
}
.hoursublist li{
    padding: 5px;
    text-align: left;
}
.hour-page{
    padding: 0px 5px;
    border-bottom: 1px solid #000;
}