html, body, div, span, applet, object, iframe,   h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
html{font:12px Arial,sans-serif;color:#333;background:#fff;}
a, a:visited, a:hover, a:active{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}

h1 { font-size:18px}
/* Login */

#login { width:1200px; margin:0px auto;  padding-bottom:25px; border-bottom:1px solid #999 }

.login-form { width:352px; margin-left: 424px}

#login input.field{width:88px;height:22px;margin:0px 20px 0px 0px;padding:8px 5px 0px 5px;font-size:14px;background:#DADADA;border:1px solid #fff; float:left }

#login input.field:focus{background:#DADADA;border:1px solid #fff;}

#login input.submit{width:112px; height:32px; margin:0px auto; padding:0px; background:url(../images/login.png) no-repeat;border:1px solid #fff; cursor:pointer;  float:left}

#login_error { width:270px; border:5px solid #fff; background-color:#ff0000; font-weight:bold; margin:40px auto 0px auto; padding:10px; }

/* Content */

#homepage{clear:both;width:1200px;margin:50px auto; border-top:1px solid #999; padding: 24px 0px}

#page{clear:both;width:1200px;margin:0px auto; }

#header{clear:both;width:1200px;margin:50px auto 0px; border-top:1px solid #999; padding: 24px 0px}

#period-prev { float:left; font-size:20px; height:25px; width:165px; display:block; cursor:pointer; background:url(../images/previous.png) no-repeat; padding:5px 0px 0px 40px}

#period-next { float:left; font-size:20px; height:25px; width:165px; display:block; cursor:pointer; background:url(../images/next.png) no-repeat 175px 0px; padding:5px 10px 0px 30px }

#content { width:1200px; text-align:center }





#choice-pick { font-size:20px; margin-left:50px;}

#choice-user-panel { margin:0px auto; text-align:center; font-size:20px; float:left; height:30px; width:1200px }

#user-panel { margin:0px auto; text-align:center; font-size:30px; float:left; height:30px; width:790px }

#user-panel img { margin-left:50px}

.select-current { width:180px; height:130px; border-bottom:1px solid #999}

.day-buttons { font-size:16px; border-bottom:1px solid #999}

.day-holder-current { width:180px; background:#000; padding:0px 10px; margin-bottom:20px}

.day-holder { width:180px; padding:0px 10px; margin-bottom:20px}

.day-holder-alert { width:180px; background:url(../images/alert.png) no-repeat; padding:0px 10px; margin-bottom:20px}

.day-holder-saturday { width:180px; background:url(../images/weekend.png) no-repeat; padding:0px 10px; margin-bottom:20px}


.day-holder-current-font { color:#fff }

.moods { float:right}



.good-day { height:20px; width:20px; background:url(../images/1.png); cursor:pointer; margin-left:3px; float:left}
.soso-day { height:20px; width:20px; background:url(../images/2.png); cursor:pointer; margin-left:3px; float:left}
.bad-day { height:20px; width:20px; background:url(../images/3.png); cursor:pointer; margin-left:3px; float:left}
.worse-day { height:20px; width:20px; background:url(../images/4.png); cursor:pointer; margin-left:3px; float:left}

.mood-day-hidden{ height:20px; width:20px; display:block; margin-left:3px; float:left}



.day-holder-font { }

.day-holder-alert-font { }

.day-holder-saturday-font { }



.days { width:200px; text-align:center; float:left;}

.day-title { font-size:20px; line-height:25px; text-align:left; border-top:1px solid #999; padding:4px 0px; border-bottom:1px solid #999}

.day-title-alert { font-size:20px; line-height:25px; text-align:left; color:#fff; border-top:1px solid #999; padding:4px 0px; border-bottom:1px solid #999}

.saturday-title { font-size:20px; line-height:25px; text-align:left; border-top:1px solid #999; padding:4px 0px; border-bottom:1px solid #999}

.day-title-current { font-size:20px; line-height:25px; text-align:left; color:#fff; border-top:1px solid #999; padding:4px 0px; border-bottom:1px solid #999}

#extras { background:#000; width:1200px; height:120px; font-size:16px; color:#fff}

.extras-cell { height:40px; width:1200px}

.gray {color:#939598}

input[type=submit],input[type=button]{min-width:20px; min-height:20px;background:url(../images/1.png);cursor:pointer; border:none;}



#footer{clear:both;width:940px;margin:0 auto;text-align:center;padding:40px 0px;}

/* form */

.forms { width:180px; height:20px; font-size:12px; border:1px solid #000; background:#fff;margin:10px 0px 0px }



.forms-duration { width:50px; height:20px;font-size:12px; border:1px solid #000; background:#fff;  margin:10px 0px 0px; float:left }

.left { float:left; margin:10px 0px 0px; padding: 2px 9px}

.right { float:right; margin:10px 0px 0px; padding: 2px 9px}

.day-buttons { width:180px; padding:10px 0px; border-bottom:1px solid #999}

#calculate-label { float:left}

#time li { float:right; font-weight:bold}

#calculate { font-weight:bold}


/* REPORTS */

.client-select { float:left; margin-right:20px; }

.month-select { float:left; margin-right:20px}

.report-holder table { padding:1px; border-spacing:1px; margin-top:20px; font-size:16px; border-collapse:separate;	 }

.report-holder th  {
	background:#333333;
	color:#fff;
	padding:5px;font-family:Arial, Helvetica, sans-serif; }

.report-holder td {padding:5px;font-family:Arial, Helvetica, sans-serif; }

.title { background:##333333; color:#fff;}

.even { background:#cacaca; padding:5px;font-family:Arial, Helvetica, sans-serif; }

.odd { background:#ededed; padding:5px;font-family:Arial, Helvetica, sans-serif; }

.clients { background:#333333; color:#fff; padding:5px;font-family:Arial, Helvetica, sans-serif;}

.clientssum { background:#333333; color:#fff; padding:5px;font-family:Arial, Helvetica, sans-serif; text-align:center}

.back-link { float:left; font-size:20px}

.excel-report { float:right; cursor:pointer; color:#fff; background:#000; padding:5px; font-weight:bold; font-size:14px; display:none}


.weekend { background:#518d37}


#circleG{
width:70px; margin:20px;
}

.circleG{
background-color:#000000;
float:left;
height:15px;
margin-left:8px;
width:15px;
-webkit-animation-name:bounce_circleG;
-webkit-border-radius:10px;
-webkit-animation-duration:1.6500000000000001s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:bounce_circleG;
-moz-border-radius:10px;
-moz-animation-duration:1.6500000000000001s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
opacity:0.3;
-o-animation-name:bounce_circleG;
border-radius:10px;
-o-animation-duration:1.6500000000000001s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.6500000000000001s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
opacity:0.3}

#circleG_1{
-webkit-animation-delay:0.33000000000000007s;
-moz-animation-delay:0.33000000000000007s;
-o-animation-delay:0.33000000000000007s;
-ms-animation-delay:0.33000000000000007s;
}

#circleG_2{
-webkit-animation-delay:0.7700000000000001s;
-moz-animation-delay:0.7700000000000001s;
-o-animation-delay:0.7700000000000001s;
-ms-animation-delay:0.7700000000000001s;
}

#circleG_3{
-webkit-animation-delay:0.9900000000000001s;
-moz-animation-delay:0.9900000000000001s;
-o-animation-delay:0.9900000000000001s;
-ms-animation-delay:0.9900000000000001s;
}

@-webkit-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-moz-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-o-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-ms-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}




/* Classes */



.blank-finish-button {  width:120px; height:20px; display:block; margin:0px 30px}

.finish-button { background:url(../images/finish.png); width:120px; height:20px; display:block; cursor:pointer; margin:0px 30px}

.more-button { background:url(../images/reedit.png); width:120px; height:20px; display:block; cursor:pointer; margin:0px 30px}

.clear { clear:both }

.red { color:#f00}

/* Jquery */

.uploadifyQueueItem{font:10px Arial,sans-serif;margin-top:5px;padding:10px 0px;width:700px}.uploadifyError{border:2px solid #FBCBBC !important; background-color:#FF0000 !important}.uploadifyQueueItem .cancel{float:right;}.uploadifyProgress{margin-top:10px;width:700px;clear:both;}.uploadifyProgressBar{background-color:#333; width:1px; height:3px;}div.jGrowl{padding:10px;z-index:9999}div.ie6{position:absolute}div.ie6.top-right{right:auto;bottom:auto;left:expression( ( 0 - jGrowl.offsetWidth+( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth )+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.top-left{left:expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.bottom-right{left:expression( ( 0 - jGrowl.offsetWidth+( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth )+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0 - jGrowl.offsetHeight+( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.bottom-left{left:expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0 - jGrowl.offsetHeight+( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' )}div.ie6.center{left:expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px' );top:expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px' );width:100%}body >div.jGrowl{position:fixed}body >div.jGrowl.top-left{left:0px;top:0px}body >div.jGrowl.top-right{right:0px;top:0px}body >div.jGrowl.bottom-left{left:0px;bottom:0px}body >div.jGrowl.bottom-right{right:0px;bottom:0px}body >div.jGrowl.center{top:0px;width:50%;left:25%}div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#fff;color:#000;zoom:1;width:235px;padding:10px;margin-top:5px;margin-bottom:5px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px}div.jGrowl div.jGrowl-notification{min-height:40px}div.jGrowl div.jGrowl-notification div.header{font-weight:bold;font-size:10px}div.jGrowl div.jGrowl-notification div.close{float:right;font-weight:bold;font-size:12px;cursor:pointer}div.jGrowl div.jGrowl-closer{height:15px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:11px;font-weight:bold;text-align:center}div.jpassword{position:absolute;z-index:1000;width:296px;height:56px;margin:0;text-align:left}div.jpassword-righttop div,div.jpassword-rightbottom div{padding:8px 10px 0 25px}div.jpassword-lefttop div,div.jpassword-leftbottom div{padding:8px 15px 0 10px}div.jpassword-flat{margin-top:8px;padding:8px 8px 0 8px;border-top:3px solid #d9d9d9;background-color:#5c5c5c}div.jpassword-righttop{background:transparent url(../images/jpassword-righttop.png) no-repeat left top}div.jpassword-rightbottom{background:transparent url(../images/jpassword-rightbottom.png) no-repeat left top}div.jpassword-lefttop{background:transparent url(../images/jpassword-lefttop.png) no-repeat left top}div.jpassword-leftbottom{background:transparent url(../images/jpassword-leftbottom.png) no-repeat left top}div.jpassword p{margin:0;padding:0}div.jpassword p.jpassword-meter{height:10px;background:transparent url(../images/jpassword-meter.png) no-repeat left top}div.jpassword p.jpassword-info{padding:4px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#FFF;text-align:left}
