@CHARSET "UTF-8";

* {
  margin: 0px;
  padding: 0px;
  font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;	 
}

BODY {
  background-color: #e0e0e0;	
}

H1 {
	color: #c7055b;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}

A, A:VISITED {
  text-decoration: none;	
  color: #01859a;
}

A.middle {
  line-height: 20px;  
}

A.middle * {
  vertical-align: middle;
}

INPUT, TEXTAREA, SELECT {
	border : solid 1px #007b93;	
}

TEXTAREA.commentary {
	width : 100%;
	height : 100px;
	margin-top: 5px;
	margin-bottom: 5px; 
}

TD {
  padding-bottom: 10px;	
}

OPTGROUP {
  font-style: italic;
}

OPTGROUP OPTION {
  margin-left: 20px;  
}

.fullWidth {
  width: 100%;	
}

.pageContainer {
  margin-left: auto;
  margin-right: auto;
  width: 980px; 
}
  
.pad {
  clear: both;
}

.button {
  background-color: #fa8100;
  background-image: none;
  color: #833600;
  border: solid 1px #ffb971;
  padding-left: 15px;	
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
}

TD.right {
	text-align: right;
}

TD.rightPad {
	padding-right: 20px !important;
}

TD.bottom {
  vertical-align: bottom;	
}

TD.top {
  vertical-align: top;	
}

INPUT.year {
  width: 40px;	
}

INPUT.problem, SELECT.problem {
	background-color: #ff6a6a; 
}

INPUT.minutes {
 width: 40px;   
}

INPUT.number {
 width: 40px;   
}

TABLE.data, TABLE.daily {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}

TABLE.data TD {
	padding: 3px;
	border-right: solid 1px white;
}

TABLE.data TD.center {
	text-align: center;
}

TABLE.data TD.right {
  text-align: right;
}

TABLE.data THEAD TD {
  font-weight: bold;
  background-color: #a6d6f4;
}

TABLE.data THEAD TD A, TABLE.data THEAD TD A:VISITED {
  font-weight: bold;	
	color: black;
}	

TABLE.data THEAD TD INPUT {
	width: 50px;
}

TABLE.data TBODY TR.odd {
  background-color: #e2edf4;
}

TABLE.data TBODY TR.even {
	background-color: white;
}

TABLE.data TBODY TR.isCompletion {
  color: #777777;
}

TABLE.data TBODY TR.isCompletion TD {
  text-decoration: line-through;
}

TABLE.data TBODY TR.noContract {
  color: #999999;
}

TABLE.data TD.columnDate {
	width: 80px;
}

TABLE.data TD.columnActions {
  width: 100px;
}

TABLE.data TBODY TR.separator {
  color: #999999;
}

TABLE.daily TR.description TD {
  font-weight: bold;
}

TABLE.daily TR.text TD {
  padding-bottom: 20px;
}


#pageTop, #pageContent {
	width: 100%; 
}

#pageTop {
	padding-top: 10px;
	background-color: #8cc9d7;
}

#pageContent {
	padding-bottom: 10px;
}

#pageContent .pageContainer {
  background-color: white;
  padding-bottom: 10px;
}

#topBar {
  background-color: #38b2ce;
  color: #1a5360;
  text-align: right;
  padding-top: 5px; 
  padding-bottom: 5px;
}

#block1, #block2, #block3, #block4 {
  width: 80px;
  height: 25px;
  margin-top: 5px;
  float: left;  
} 

#block1 {
	background-color: #206676;
	margin-left: 14px;
}

#block2 {
  background-color: #015367;
  margin-left: 14px;
}

#block3 {
  background-color: #04819e;
  margin-left: 14px;
}

#block4 {
  background-color: #60b9ce;
  margin-left: 14px;
}

#block5 {
  background-color: #319ab3;
  width: 80px;
  height: 25px;
  margin-top: 5px;  
  width: 585px;
  float: right;
}

#logedUser {
  margin-right: 20px;	
  line-height: 25px;
}

#adminUser {
  font-weight: bolder;
  margin-right: 20px; 
  line-height: 25px;
}

#topMenu {
  background-color: #c2f56e;
	border-top: solid 2px #e0e0e0;
  border-bottom: solid 2px #e0e0e0;
}

#topMenu A {
  color: #92a919;
  display: block;  
  line-height: 25px;        
}

#topMenu UL {
  list-style-type: none;		 
} 

#topMenu LI, #topMenu LI.right {
  width: 120px;
  text-align: center;
  border-left: solid 1px #e0e0e0;  	
  border-right: solid 1px #e0e0e0;
}
	
#topMenu LI {
	float: left;
}

#topMenu LI.selected, #topMenu LI.selected A {
  background-color: #5f9900;
  color: #92e64e;
}

#topMenu LI.right {
	float: right;	
} 

#bottomBar {
	width: 978px;
	background-color: #c2f56e;
	color: #5f9900;
	border-top: solid 1px #92ec00; 
	border-bottom: solid 1px #92ec00;
	text-align: center;
  line-height: 25px;
  border-left: solid 1px white;  	
  border-right: solid 1px white;
}

#customLogo {
	text-align: center;
	font-size: 10px;
}

#twoColumns {
  background-image: url("../imgs/left_bg.gif");
	background-repeat: repeat-y; 	
	padding-top: 20px;
	padding-bottom: 20px;
}

#leftContent {
	width: 800px;
	float: left;
	padding-left: 20px;
}

#rightMenu {
	width: 150px;
	float: right;
}

#oneColumn {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#submenu {
	margin-left: 10px;
}

#submenu A, #submenu A:HOVER, #submenu A:VISITED {
  color: #01859a;
  display: block; 
}


DIV#filter DIV#filterItems {
	margin-top: 10px;
	margin-left: 10px;
}

DIV#filter DIV#filterBlock {
  float: left;  
}

DIV#filter DIV#clientsGroupControl {
  float: right;
}

DIV#filter DIV#clientsGroupControl DIV#clientsGroupItems {
  margin-top: 10px;
  margin-left: 10px;
}

.pagination {
  text-align: center;
  margin-top: 20px;
}

.pagination B, .pagination A {
  color: black;
}

.pagination B {
  font-weight: bold;  
}

A IMG {
  border: none;  
}

.response {
  display: none;
}

#loading {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.orderAsc SUP, .orderAsc SUB, .orderDesc SUP, .orderDesc SUB {
  font-size: 8px;
}

.titleExpandDetail {
  background-color: #a6d6f4;
  padding: 3px;
  margin-top: 10px;
  cursor: pointer;
}

.hiddenDetail {
  border: solid #a6d6f4 1px;
  padding: 3px;
  display: none;
}

.expandDetail {
  width: 13px;
  height: 13px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 3px;
}

.todo {
  color: #c0c0c0;  
}


#goalText, #planText, #evaluationText, #serviceText, #supervisionText {
  width: 100%;
  margin-bottom: 10px;  
}

#serviceText {
	height: 240px;	
}

#goalText {
  height: 100px;
}

#planText {
  height: 300px;
}

#evaluationText {
  height: 200px;  
}

#supervisionText {
  height: 200px;  
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.info {
  margin-top: 10px;
  margin-bottom: 10px;
}

.floatRight {
  float: right;
}

.serviceItemDesc {
  width: 120px;
	vertical-align: top;
}

.timeInterval {
  width: 50px;
}

INPUT.date {
  width: 80px;
}

.timeIntervals {
  margin-top: 20px;
  margin-bottom: 10px;	
}

#timeIntervals, #timeIntervalSlider {
  display: none;
}

#timeIntervalIcon, .timeIcon {
  cursor: pointer;
}

#timeIntervalValues, .timeIntervalValues {
  margin-bottom: 10px;
}

.timeIntervalValue, .intervalValue, .dayIntervalValue {
  padding: 3px;
  background-color: #a6d6f4;
  color: white;
  cursor: pointer;
}

.timeIntervals {
  margin-bottom: 20px;  
}

.serviceItem {
  margin-bottom: 10px;
}

.serviceDate {
  font-weight: bold;
}

.serviceType {
  font-weight: bold;
	font-style: italic;
}

.serviceSubjects {
  font-weight: bold;
}

.serviceUser {
	font-weight: bold;
}

#newUser {
  margin-top: 20px;
  text-align: right;
  line-height: 20px;
}

#newUser IMG {
  vertical-align: middle;
}

.infoItemDesc {
  width: 200px;
}

.serviceItemAction {
  width: 40px;
}

.serviceItemState {
  width: 80px;
}

#newServiceItem {
  margin-top: 50px;
}

.pointer {
  cursor: pointer;
}

#dynamicChangeText {
  width: 100%;
}

#dayIntervalValue {
  width: 0px;
  height: 0px;
  border: none;
}

.statsCount {
  width: 50px;
  text-align: center;  
}

.message {
  font-size: 14px;
  color: Red;
}

.info {
  color: #c0c0c0;
  font-style: italic;
}

#logo {
  position: relative;
  line-height: 40px;  
}

#logo IMG {
  position: absolute;
  top: -30px;
  left: 760px;
}

#content {
  padding: 20px;
}

STRONG {
  font-weight: bolder;
}

H2 {
  color: black;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

#content P, #content UL, #content TABLE {
  margin-bottom: 20px;
}

#content TABLE TD {
  padding: 0px;
}

#content UL {
  margin-bottom: 20px;
  list-style: none;
}

#content UL.dash  {
  list-style: disc;
}

#content UL.dash LI {
  margin-left: 20px;
}

#content UL.lineSpace LI {
  line-height: 20px;
}

#planWarning {
  font-size: 14px;
  font-weight: bold;
  color: red;
}

#planWarning:before {
  content: "!!! ";
}

#planWarning:after {
  content: " !!!";
}

#content .bold {
  font-weight: bold;
}

#content .indent {
  margin-left: 100px;
}

#content UL.decimal {
  list-style-type: decimal;
  margin-left: 40px;
}

#content UL.distance LI {
  padding-bottom: 10px;
}

TD.accountState {
  width: 60px;
}

TD.accountAction {
  width: 60px;  
}

.action {
  cursor: pointer;  
}

.examples {
  line-height: 120px;
  text-align: center;
}

H1.middle {
  line-height: 32px;  
}

.examples *, H1.middle * {
  vertical-align: middle;
}

.examples IMG {
  margin: 5px;
}

.collapseContent {
  display: none;
}

.collapseControlImg {
  cursor: pointer;
}

.bottomControl {
  margin-top: 20px;
}

.hidden {
  display: none;
}

.columnDescription {
	font-weight: bold;
	width: 100px;
}

.lowast {
	margin-left: 4px;
	margin-right: 4px;
}

#simplemodal-overlay {
	background-color:#000;
}

#simplemodal-container {
	background-color: #ffffff; 
	border:8px solid #38b2ce; 
	padding:12px;
}

#wrapper {
	margin: 0 auto; 
	padding-top: 24px; 
	width: 980px;
}

.topDistance {
	margin-top: 40px;
}

.nowrap {
	white-space: nowrap;
}

TEXTAREA.text {
	width: 400px;
	height: 100px;
}

DIV.news {
	margin-top: 20px;
}

DIV.news IMG {
	float: left;
	margin-right: 5px;
}

.statsDesc {
	font-size: 10px;
	color: #808080;
}

FIELDSET {
	border: 1px solid #007B93;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

FIELDSET LEGEND {
	padding-left: 5px;
	padding-right: 5px;		
}

#uploadBox {
	display: none;
}

#clientRulesInWritingText {
	margin-top: 5px;
	height: 100px;
}

FORM[name=accoutSettings] .subsettings {
	margin-left: 16px;
}

IMG[src=""] {
	display: none;
}

FORM[name=accoutSettings] INPUT[type=text] {
	width: 20px;
}

.lessImportance {
	font-style: italic;
}

#exportFields {
	margin-top: 20px;
	margin-bottom: 20px;
}

#exportFields H3 {
	font-weight: bold;
	margin-bottom: 10px;
}

#customFields {
	margin-bottom: 10px;
}