/**

Copyright (C) 2008 GestorPsi

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

*/

* {
	 padding: 0; border: 0; letter-spacing: inherit;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    margin: 0;
    width: 660px;
    border: 1px solid white;
    min-width: inherit;
}

div#logotype {
width: 450px;
border: none;
background: none;
}
div#logotype img {

float: left;
margin-right: 10px
}

div#logotype span {
	display: inline;
} 

a, a:visited {
	text-decoration: none;
	color: #2688AE;
	font-weight: bold;
	cursor: pointer;
}
a:hover {
	color: #2688AE;
	text-decoration: underline;
}
table td, th { border: 1px solid #858585;} 

#bar {
display: none;}
#bar h1 {
	display: none;
}
#menu_log {
	display: block;
}
#menu_log ul li {
	display: none;
}
#menu_log li#logged {
	display: block;
}
#main_menu  {
	display: none;
}

#start {
	background-image: url(../img/16/user-desktop.png);
	}
#schedule {
	background-image: url(../img/16/office-calendar.png);
	}
#contacts {
	background-image: url(../img/16/address-book-new.png);
	}
#customers {
	background-image: url(../img/16/people-clients.png);
	}
#myoffice {
	background-image: url(../img/16/go-home.png);
	}

#sub_menu {
	display: none;
}


#menus {
	display: none;
}



.close {
	height: 16px;
	width: 16px;
	background: #FFFFFF url(../img/close.gif) no-repeat 1px 0;
	margin-left: 5px;
	margin-top: -7px;
}

.close span {
	display: none;
}

#sub_menu ul.opened_tabs li .active a:hover.close {
	background: #FFFFFF url(../img/closeOn.gif) no-repeat 1px 0
}

body #content {
	width: 100%;
    margin: 100px 0;
}
#content h2 {
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	color: #808080;
	font-weight: normal;
	padding: 15px 0 7px 70px;
	height: 45px;
    clear: both;
}
#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 11px;
	padding-left: 15px;
	color: #000000;
	margin: 10px 0 10px 10px;
}
#content a {
	font-weight: normal;
}
#content h2.title_clients {background: url(../img/42/people-clients.png) no-repeat 20px 15px;}
#content h2.title_employee {background: url(../img/42/people-employee.png) no-repeat 20px 15px;}
#content h2.title_professional {background: url(../img/42/people-professional.png) no-repeat 20px 15px;}

#content h2.title_schedule {background: url(../img/42/office-calendar.png) no-repeat 20px 15px;}
#content h2.title_contacts {background: url(../img/42/address-book-new.png) no-repeat 20px 15px;}
#content h2.title_myoffice {background: url(../img/42/go-home.png) no-repeat 20px 15px;}
#content h2.title_device {background: url(../img/42/stuff.png) no-repeat 20px 15px;}
#content h2.title_services {background: url(../img/42/services.png) no-repeat 20px 15px;}
#content h2.title_places {background: url(../img/42/office.png) no-repeat 20px 15px;}
#content h2.title_rooms{background: url(../img/42/room.png) no-repeat 20px 15px;}
#content h2.title_organization {background: url(../img/42/go-home.png) no-repeat 20px 15px;}
#content h2.title_fronted {background: url(../img/42/user-desktop.png) no-repeat 20px 15px;}

h2.title_schedule span  {
	display: none;
}
#content p.description {
	font-size: 9px;
	margin: -25px 0 10px 65px;
}
#content p.description a {
	font-weight: bold;
}

#content div.fronted {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	color: #808080;
	font-weight: normal;
	padding: 15px 0 7px 70px;
	height: 45px;
}
#msg_area, .msg_area {
	padding: 15px 20px;
	margin: 10px 20px;
	background: #CCCCCC;
	border: 2px solid #999999;
}
#msg_area.alert, #helping, .msg_area.alert {
	background:#FFFFCC;
	border: 2px solid #FFFF00;
}
#msg_area.error, .msg_area.error {
	background:#FFCCCC;
	border: 2px solid #FF0000;
}

body .main_area {
	width: 95%;
	background: #ECECEC;
	border: none;
    margin: auto;
}
.main_area.contact {
	background: none;
	border: none;
}
.main_area h3 {
	font-size: 11px;
	padding: 4px 5px;
	border-bottom: 1px solid #CCCCCC;
}
.main_area h3 span {
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background: url(../img/bg_options.gif) no-repeat;
	cursor: pointer;
}

.main_area div.label {
	float: left;
	color: #916F6F;
	font-size: 11px;
	margin: 10px 0 0 6px;
	line-height: 20px;
	padding: 0
}
#content .main_area div[class=label] {margin-left: 12px}

#help {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url(../img/bg_help.gif) no-repeat;
	margin: 2px;
	text-decoration: none;
}

div.photo {
	float: right;
	margin-top: 17px;
	margin-right: 15px;
	width: 116px;
}

div.photo a {
	display: block;
	float: left;
	height: 16px;
	padding-top: 2px;
	text-decoration: none;
	color: #999999;
	margin-top: 2px;
}

div.photo a span {
	display: none;
}

.male {
	background:url(../img/ico_male.gif) no-repeat;
	width: 16px
}

.female {
	background:url(../img/ico_female.gif) no-repeat;
	width: 16px
}

a.delete {
	display: block;
	background: url(../img/ico_edit-delete.png) no-repeat;
	width: 16px;
	height: 16px;
	padding-top: 2px;
}
a.edit {
	display: block;
	background: url(../img/ico_edit.png) no-repeat;
	width: 16px;
	height: 16px;
	padding-top: 2px;
}
a.clips {
	background:url(../img/ico_clips.gif) no-repeat 98% 0;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
}
a.prase_edit {
	background:url(../img/ico_edit.png) no-repeat 98% -2px;
	text-align: right;
	padding-right: 20px ;
	padding-top: 5px;
}
.photo .clips {
	margin-left: 10px;
}
.photo a:hover, .photo a.active {
	background-position: 0 -18px;
	color: #005A7D;
}
#content a.clips:hover, #content a.prase_edit:hover {
	background-position: 98% -20px;
}
#content a.delete:hover, #content a.edit:hover {
	background-position: 0 -18px;
}
#content a.delete span, #content a.edit span {
	display: none
}
.main_area label, .form_mini label {
	float: left;
	margin: 2px;
	color: #916F6F;
	font-size: 11px;
	margin: 10px 0 0 12px;
	line-height: 20px;
}

.main_area label.hidden {
    display: none;
}

.main_area .clear, .main_area .newline {
	clear: left;
}


.main_area input[type=text], input[type=submit].mini, input[type=password], textarea {
	font-size: 16px;
	padding: 5px;
	border: 2px solid #F9F9F9;
	background: #F9F9F9;
	letter-spacing: 0.05em;
}

input[type=submit].mini {
	padding: 2px 20px 6px 15px;
	margin: 0 0 0 10px;
	cursor: pointer;
}

.main_area input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border: 2px solid #2688ae;
	background: #fff6d5;
}



.btn {
    padding: 5px 20px;
    margin-top: 22px;
}
.btn2 {
    padding: 5px 20px;
    margin-top: 5px;
    margin-left: 15px;
}

.giant {width: 480px;}

.big {
	width: 300px;
}

.extrabig {
	width: 400px;
}

.medium {
	width: 175px;
}

.extramedium {
	width: 310px;
}


.normal {
	width: 120px;
}

.small {
	width: 76px;
}

.extrasmall {
	width: 45px;
}

.calendar {
	width: 105px;
}

select {
	height: 32px;
	font-size:16px;
}
select.small {
	width: 85px;
}
select.medium {
	width: 174px;
}
select.big, #send_file.big {
	width: 353px;
}

select.asmSelect {
	width: 450px;
}

select.multiple {
	height: 80px;
}

.small_fonts {
	font-size: 10px;
}

select.multiple.small {
	height: 40px;

}

select.state {
	width: 55px;
}

select:focus {
	background: #fff6d5;
	border: 2px solid #2688ae;
}
textarea {
	min-height: 400px;
}

.sidebar {
display: none;
}


.sidebar .bg_blue {
	background: #005A7D;
	border: 1px solid black;
	color: #FFFFFF;
	padding: 10px;

}

.sidebar .bg_blue p, .sidebar .bg_blue p span {
	color: #FFF;
}
.sidebar .bg_blue input {
	background: #E6E6E6;
	border: 1px solid #FFFFFF;
	padding: 10px 15px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	color: #45ACD4;
	margin: 10px;
	margin-right: 0;
	font-weight: bold;
	cursor: pointer;
}
.sidebar .bg_blue input:hover {
	background: #45ACD4;
	color: #E6E6E6;
	cursor: pointer;
}

.sidebar p {
	margin: 5px;
	font-size: 10px;
	padding: 0
}
.sidebar h3 {
	border-bottom: 1px solid #000000;
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 2px;
	letter-spacing: 0.05em;
}
.sidebar ul {
	margin: 10px 0;
}
.sidebar li {
	list-style: none;
	padding-left: 10px;
}
.sidebar li a {
	line-height: 22px;
	padding: 5px 0 5px 25px;
	color: #000000;
}

.sidebar li .client_form {
	background: url(../img/16/people-clients.png) no-repeat 0 3px;
}

.sidebar li .client_admit_form {
	background: url(../img/ico_reg.png) no-repeat 0 3px;
}

.sidebar li .client_referral_list {
	background: url(../img/16/referral.png) no-repeat 0 3px;
}

.sidebar li .client_referral_form {
	background: url(../img/16/list-add.png) no-repeat 0 3px;
}

.sidebar li .client_user_form {
        background: url(../img/16/system-users.png) no-repeat 0 3px;
}

.sidebar li .print {
	background: url(../img/16/print.png) no-repeat 0 3px;
}

.sidebar input.save_button {
	width: 76px;
}

div#form span.editing {
	display: none;
}

div#edit_form span.adding {
	display: none;
}

.float_menu {
	padding: 5px;
	border: 1px solid #999999;
	background: #ECECEC;
	position: absolute;
	width: 200px;
	font-size: 11px;
	color: #666666;
}
.float_menu li {
	list-style: none;
	line-height: 25px;
}

#form_options {
	top: 20px;
	left: -5px;
	z-index: 5;
}
#form_options li {
	padding-left: 5px;
}
#form_options input {
	position:relative;
	top: 2px;
}
#form_options label {
	display: inline;
	float: none;
	color: #666666;
	cursor: pointer;
}
hr {
	color: #999999;
	background-color: #999999;
	border: none;
	margin: 3px 0;
	height: 1px;
}
.overflow {
	clear: both;
	width: 80%;
	margin-left: 10px;
	height: 150px;
	overflow: visible;
	background-color: #f2f2f2;
	border: 2px solid #E2E2E2;
}
.overflow table {
	width: 100%;
	font-size: 11px;
	color: #999999;
}
.overflow table td {
	padding: 5px;
}

.zebra_0{background: #F2F2F2;}
.zebra_1{background: #F9F9F9;}



#indicator_description {
	clear: both;
	width: 675px;
	margin: auto;
	height: 80px;
	background: #F2F2F2;
}
#indicator_description h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	border: none;
	color: #000000;
	font-weight: normal;
	padding: 10px 20px 5px 20px;
}
#content #indicator_description p {
	font-family: Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: none;
	color: #666666;
	padding: 0 20px;
	margin: 0;
}
#documents {
	clear: both;
	background: #F2F2F2;
	width: 650px;
	margin: 0px;
}

#content .empty {
	color: #999999;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
}
#send_file {
	height: 34px;
	font-size: 16px;
}
#content #documents table {
	font-size: 9px;
	color: #999999;
}
#documents table td {
	padding: 5px 7px;
}
#documents table span {
	color: #000000;
}
#documents table span.time {
	color: #999999;
}
#documents table span.pdf {
	background: url(../img/16/filetype_small_pdf.gif) no-repeat 0 2px;
	padding: 5px 5px 5px 20px;
}
.sidebar #status {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #999999;
	line-height: 20px;
}
.sidebar #status span {
	color: #000000;

}
.btn_right {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}
.documents_form {
	clear: both;
}
#content .documents_form p, #loading p {
	padding: 20px 45px;
	background: url(../img/16/ajax_load.gif) no-repeat 20px 18px;
	font-weight: bold;
	color: #999999;
}

#loading p {
	position: absolute;
	top: 90px;
	right: 0px;
	display:none;
	z-index: 2;
}

#search_header {
display: none;
}
#nav_back, #nav_fwd {
	display: none;
}
#nav_fwd {
	left: 60px;
}

.capital_letter {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 50px;
	height: 46px;
	font-size: 48px;
	vertical-align: text-top;
	color: #999999;
	float: left;
	margin-top: -4px;
	text-align: center;
}
.contact #search_header input {
	float: left;
	width: 120px;
	margin-top: 7px;
	background: #FFFFFF url(../img/22/search.png) no-repeat 98% 3px;
	border: 2px solid #CCCCCC;
}
.contact #search_header input:focus {
	background: #fff6d5 url(../img/22/search.png) no-repeat 98% 3px;
}
#cleanup {
	display: block;
	float: left;
	width: 26px;
	height: 48px;
	background: url(../img/22/cleanup.png) 5px 12px no-repeat;
}
#letter_menu {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 12px;
}
#letter_menu td {
	text-align: center;
	width: 14px;
}
#letter_menu td a, #letter_menu td a:visited {
	font-weight: bold;
	color: #CCCCCC;
}
#letter_menu td a:hover {
	color: #2688AE;
}
#letter_menu td a.active {
	color: #000000;
}
#letter_back, #letter_fwd, #letter_back:visited, #letter_fwd:visited {
	display: block;
	height: 12px;
	float: right;
	width: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
}
#letter_back {
	padding: 32px 26px 0 6px;
	background: url(../img/arrow_back.png) no-repeat;
}
#letter_back.disable {background: url(../img/arrow_back_disable.png)}
#letter_back:hover {
	background: url(../img/arrow_back_on.png);
	text-decoration: none;
}
#letter_fwd {
	padding: 32px 0 0 32px;
	background: url(../img/arrow_fwd.png) no-repeat;
}
#letter_fwd.disable {background: url(../img/arrow_fwd_disable.png) no-repeat;}
#letter_fwd:hover {
	background: url(../img/arrow_fwd_on.png);
	text-decoration: none;
}
#search_results {
	width: 715px;
}
#search_results td:first-child {
	width: 450px;
}
#search_results td {
	padding: 10px 10px;
	color: #333333;
	font-size: 10px;
	vertical-align: top;
	border-top: 2px solid #FFFFFF;
}
#search_results td.icons {
	text-align: center;
	vertical-align: middle;
}
#search_results td:first-line {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
#search_results tr:hover {
	background: #B8CFE9;
}
#search_results a {
	font-weight: inherit;
	color: inherit;
}
#legend div {
	float: left;
	padding: 10px 10px;
	font-size: 10px;
	color: #999999;
}
#legend div img {
	margin: -2px 3px 0 0;
}

.ajax_link {
	cursor: pointer;
}

div.photo_form_upload {
	position: absolute;
	margin-top: 0px;
	margin-left: 350px;
	_margin-left: -350px;
	_margin-top: -100px;
	background-color: #fff;
	border: 1px solid black;
	padding: 30px 30px 30px 30px;
	width: 270px;
	height: 70px;
	display:none;

}

#over {
	width: 100%;
	position: fixed;
	margin: -55px 0 75px -22px;
	background:  url("/media/img/transp75.png");
	z-index: 6;
	min-height: 500px;
}

#disable_menu {
	width: 110%;
	position: fixed;
	margin: -55px 0 75px -22px;
	z-index: 6;
	min-height: 500px;
}

img.img_people {
	/*
	width: 116px;
	height: 134px;
	*/
}

fieldset legend {
	color: #999999;
	padding: 0px 5px 0px 5px;
	margin: 0 0 0 8px;
}

form fieldset {
	border: 1px solid #CCCCCC;
	padding: 0px 0 15px 0px;
	margin: 10px 10px 0 10px;
}

.multirow {
	border-top: 1px solid #CCCCCC;
}
.set_multirow div {
	margin-bottom: 210px;
}

fieldset.fieldset_personal_identification {
	width: 400px;
}

select.country {
	width: 120px;
}

#footer {
	display: block;
	padding: 8px;
	margin-top: 20px;
	font-size: 10px;
	color: #cccccc;
    position: fixed;
    bottom: 0;
    left: 0;
}

.form_document_box {
	padding-bottom: 65px;
}

fieldset a.add_to_form {
	display:block;
	clear: both;
	background: url(../img/22/list-add.png) no-repeat;
	padding-right: 22px;
	padding-bottom: 22px;
	margin: 80px 0 0 8px;
	width: 6px;
}

fieldset a.add_to_form span {
	display:none;
}

label a.remove_from_form {
	clear: both;
	display: block;
	background: url(../img/22/list-remove.png) no-repeat;
	padding-right: 22px;
	padding-top: 22px;
	margin-top: 5px;
}

label a.remove_from_form.inline {
	display: inline ;
	padding-top: 0px;
	margin-left: 10px;
}


label a.remove_from_form span {
	display:none;
}

div.fast_menu_content, div.admission_form {
        display: none;
}

fieldset label a.select_multiple_menu {
	padding: 0 5px 0 5px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-decoration: none;
	color: #666666;
}

fieldset label a.select_multiple_menu.active {
	background-color: #cccccc;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

form div.main_area fieldset ul {
clear: both;
    display: block;
}

form div.main_area fieldset ul li  {
    list-style: none;
}

div.form_mini {
	display:none;
	position: fixed;
	top: 150px;
	width: 580px;
	margin-left: 60px;
	background-color: white;
	padding: 20px 20px 20px 20px;
	border: 1px solid black;
}

div.form_mini input[type=submit] {
	margin: 20px 0 0 0;
	color: #999999;
	border: 1px solid #999999;
}

div.form_mini select, div.form_mini input[type=text], div.form_mini input[type=password] {
	border: 1px solid #999999;
}

div.form_mini input[type=text] {
	font-size: 16px;
	padding: 4px 0 4px 0;
}


/*** Devices menu ****/

table.devices tr.sub_item {
	display: none;
}

table.devices td.sub_item {
	padding-left: 25px ;
}


table.devices td.item {
	cursor: pointer;
}



/***********LOGIN*************/

body .main_area.login {
	width: 320px;
	margin: 50px auto;
	float: none;
	border: none;
	background: none;
	text-align: center;
}

body .main_area.login form {
	background:#ECECEC;
	padding: 25px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border: 1px solid #838383;

}

form p {
    font-size: 10px;
    color: #999999;
}

body .main_area.login form  span.error {
	font-size: 11px;
}

.forgetmenot label{
	clear: both;
	padding-right: 5px;
	padding-top: 10px;
	line-height: 12px;
	text-align: left;
}

div.ie_block label, div.main_area.login label {
	text-align: left;
	display: block;
	margin-left: 0;
}
div.ie_block label p,
div.main_area.login label p {
	padding: 0;
	margin: 0;
	height: inherit;
}

div.ie_block label input,
div.main_area.login label input
 {
	width: 250px;
}
fieldset.collapsed {
	border: 0px;
	height: 1px;
	padding: 0 0 0 0;
}

fieldset.collapsed legend {
	color: #000;
}

label div.error, .login span.error, .login form p.errors {
	color: red ;
}

div.error {
	display: block;
}

label div.error {
	display: block;
	font-size: 17px;
}

.login span.error, .login form p.errors {
	clear: both;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}


fieldset div {
	clear: both;
}


.block {
	clear: both ;
	display: block;
}

textarea.terms_of_service {
    width: 253px ;
    height: 100px 
}

/* list paginator */

ul.paginator {
	display: none;
}



/**
 django forms 
*/

ul.errorlist li {
    color: red;
    list-style: none;
    padding: 0px;
    margin-top: 15px;
    background-color: #FFCCCC;
}

/**
*  utils
*/

.hidden {
    display:none;
}

div.fast_content {
    display: none;
}

/**
* jquery dialog
*/

div#dialog h1 {
    font-size: 16px;
}

div#dialog h2 {
    font-size: 14px;
    padding-top: 10px;
}
ul.developingList {
	margin: 10px 60px;
	width: 170px;
	float: left;
	font-size: 11px;
}
ul.developingList li {
	line-height: 20px;
	list-style: circle;
}
h3.developingList {
	color: #666666;
	border-bottom: none;
	padding: 20px 10px 10px 50px;
	font-size: 12px;
	text-decoration: underline;
	
}

a.book {
    display:none;
}
