DIV:focus {
    outline: none;
}

.download_now {
    cursor:pointer;
}

/* tooltip styling */
.tooltip {
    display:none;
    background-color: #FFF;
    border: 1px solid #000;
    height:300px;
    width:250px;
    font-size:11px;
    color:#000;
}


/* a .label element inside tooltip */
.tooltip .label {
    color:yellow;
    width:35px;
}

.tooltip a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
}
.group_tooltip {
    display:none;
    background-color: #FFF;
    border: 1px solid #000;
    max-height:100px;
    width:150px;
    font-size:11px;
    color:#000;
    overflow: auto;
    z-index: 9999;
}
.group_access_tooltip {
    display:none;
    background-color: #FFF;
    border: 1px solid #000;
    max-height:350px;
    width:270px;
    font-size:11px;
    color:#000;
    overflow: auto;
}
.group_element { 
    background-color: #FFF; 
    height: 20px; 
    cursor: pointer;
}
.group_element DIV { 
    margin-left: 5px; 
    line-height: 18px;    
}
.group_select {
    cursor: pointer;
    z-index: 5555; z-index: 5555;
}
.row_user TD {
    border-top: solid 0px #CCC;
}
.table_header {
    background-color: #555; 
    height: 25px;
}
.table_header TD {
    color: #FFF;
    font-weight: bold;
}
.table_header TD:hover {
    background-color: #99958c;
    cursor: pointer;
}
.table_header TD A {
    color: #FFF;
    font-weight: bold;
}
A IMG {
    border: 0;
}
.page_navigation {
    display: inline;
    margin: 0 10px;
}
.page_navigation A {
    margin: 0 10px;
}
.select_box {
    position: relative;
    font-weight: normal; 
    border: 1px solid #BBB; 
    cursor: pointer;
    background-position: right 5px;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 5555; 
    margin-right: 5px; 
    width: 150px;
}
.select_box SPAN {
    margin: 0 5px; 
    line-height: 130%;
}
.select_box IMG {
    width: 16px;
    height: 7px;
    margin-right: -5px;
    margin-top: 0;
}
.select_box DIV {
    position: absolute;
    top: 4;
    right: 4;
}
#users_table_div, #groups_table_div {
    float: left;
    width: 99%;   
}
.user_status_elem, .user_status_elem_active{
    height: 20px;
    padding: 0 15px;
}
.user_status_elem_active {
    background: #669;    
    color: #FFF;
}
.user_status_line {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

/*-----------------------------------*/

.user_operation_line {
    background: #507BAF;
    border: 0;
    width: 99%;
    float: left;
    height: 50px;
}
.uol_item {
    background-color: #E5E5E5;
    background: url('../images/user_button_bg.jpg') no-repeat;
    height: 30px;
    width: 170px;
    float: left;
    margin: 10px 0 10px 10px;
    cursor: pointer;
}
.uol_in_item {
    margin-top: 8px;
    text-align: center;
    cursor: pointer;
}
.uol_in_item2 {
    margin-top: 8px;
    margin-left: 10px;
}
.uol_in_item A, .uol_in_item2 A {
    text-decoration: none;
    color: #556;
}
.group_membership_left {
    float: left; 
    margin: 1px 0 5px 20px; 
    border: 0px #000 solid;    
}
.group_membership_right {
    float: right; 
    margin: 1px 5px 5px 0; 
    border: 0px #000 solid;
}
.group_allowed_modules {
    float: left;
    clear: both;
    line-height: 25px;
    margin-left: 20px;
}

/*------ User Payment Tooltip --------*/
.transaction_tooltip {
    display:none;
    background-color: #FFF;
    border: 1px solid #000;
    max-height:350px;
    overflow: auto;
    width:300px;
    font-size:11px;
    color:#000;
}
.upt_transaction, .upt_title, .upt_help {
    text-align: left;
    float: left;
    clear: both;
    border: 0px solid #000;
}
.upt_transaction {
    width: 255px;
    margin: 5px 0 5px 20px;
}
.upt_title {
    margin: 15px 0 5px 10px;
    width: 270px;
}
.upt_help {
    margin: 10px 0 0 10px;
    font-size: 11px;
    width: 270px;
    height: 40px;
}

.group_edit_panel {
    border-top: #669 solid 3px; 
    border-bottom: #669 solid 3px; 
    float: left; 
    clear: both;
    background-color: #EEF;
    width: 800px;
}
.group_section_title {
    font-weight: bold;
    margin: 15px 0 5px 0;
}
.section_selector {
    cursor: pointer;
    clear: both;
    margin-top: 3px;
    float: left;
    border: 0px #000 solid;
    width: 200px;
}
.row_group {
    height: 24px;
    cursor: pointer;
}
.period_period_select {
    display: none;
    float: left;
}
.period_amount, .period_period, period_period_select {
    float: left;
    margin-right: 3px;
}
.period_cost {
    float: right;
    text-align: right;
    width: 50px;
}
.period_cost INPUT {
    text-align: right;
    float: right;
    width: 50px;
}
.period_selector {
    float: left;
}

.period_save, .period_action, .period_del {
    display: none;
}


/* ----------- Preview existed user ------------- */

.left_column {
    width: 200px;
}
#dop_parametrs {
    margin: 10px 0 5px 200px;
}
#dop_parametrs_box {
    display: none;
    border: 0;
}
#dop_parametrs_box:focus {
    outline: none;
}
#dp_image {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
.ss_values {
    display: none;
}
.ss_values SELECT { 
    width: 150px;
}
.ue_user_name {
    float: left;
    margin: 10px;
    font-size: 20px;
}
.ue_user_name IMG {
    margin: 7px 0 0 10px;
}

/* ----------- Add or Edit existed user ------------- */
.radio_select {
    border: 0px #000 solid;
    cursor: pointer;
    float: left;
    clear: both;
    margin-bottom: 3px;
    width: 300px;
}
.radio_select INPUT {
    float: left;
}
.radio_select SPAN {
    margin-top: 1px;
    margin-left: 5px;
    float: left;
    width: 250px;
}
#user_type_1_box,
#user_type_2_box,
#user_type_3_box,
#user_type_4_box {
    display: none;
}
.ue_hr HR {
    height: 1px;
    background-color: #AAE;
    width: 730px;
    float:left;
    clear: right;
}
.ue_hr {
    float: left;
}
select.location {
    width: 170px;
}

/* -------- PAYMENT HISTORY -------- */                                                                 
.table_row_pay {
    background-color: #EEF;
}

/* -------- PAYMENT FILTER -------- */
.filter_text {
    font-size: 13px;
    display: inline;
}
.filter_payment_type {
    font-size: 11px;
    height: 23px;
    float: left;
    clear: both;
    border: 0 solid #000;
    width: 170px;
}

/* -------- SETTINGS GENERAL -------- */

.sg_subheader {
    font-size: 15px;
    font-weight: bold;    
    color: #4b76a7;
}
.sg_settings_box {
    background: url('../images/settings_box.gif') no-repeat;
    width: 170px;
    height: 100px;
    float: left;
    margin: 10px;
    cursor: pointer;
    position: relative;
}
.sg_settings_box_selected {
    background: url('../images/settings_box_selected.gif') no-repeat;
}

.sg_settings_box:hover {
    background: url('../images/settings_box_selected.gif') no-repeat;
    width: 170px;
    height: 100px;
    float: left;
    margin: 10px;
    cursor: pointer;
}

.sg_section {
    float: left;
    width: 980px;
    margin: 20px 0 0 20px;
}
.sg_box_title {
    margin: 8px 10px 4px 10px;
    font-size: 12px;
    font-family: arial;
    color: #000;
    font-weight: bold;
}
.sg_box_text {
    margin: 0 10px 10px 10px;
}
.sg_box_approve {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}
.sg_box_approve_left{
	background: url('../images/left.gif') left no-repeat; 
	display:table-cell;
}
.sg_box_approve_rihgt{
	background: url('../images/right.gif') right no-repeat;
	line-height:1;
	padding:5px 10px 5px 0;
	margin-left:10px;
}
.sg_box_text LI {
    list-style-type: square;
}
.sg_box_text OL {
    margin: 0;
    padding-left: 15px;
}
.sg_text_line {
    margin: 2px 3px 6px 3px;
    float: left;
}
.sg_checkbox_line {
    height: 21px;//height: 23px;
    float: left;
}
.sg_input_line, 
.sg_input_rline {
    height: 21px;
    margin: 0 0;
    float: left;
}
.sg_input_rline INPUT, 
.sg_input_line INPUT, 
.sg_input_line SELECT{
    border: solid #669 1px;
}
.sg_input_rline INPUT {
    text-align: right;
}
.sg_settings_text_box {
    margin: 10px 0 0 10px;
    float: left;
}

/* -------- SETTINGS GENERAL PATHS-------- */

.sgp_table INPUT, .sgp_table SELECT {
    margin: 2px 0 0 5px;
    width: 220px;    
}

/* -------- SETTINGS GENERAL MODES-------- */
#sgm_no_changes {
    position: absolute;
    left: 400px;
    top: 30px;
    width: 320px;
    background-color: #FFFFC0;
    border: 1px solid #CFE47C;
}
#sgm_no_changes DIV{ 
    margin: 10px;
}

/* -------- SETTINGS GENERAL SERVICES-------- */
#sgs_page {
    width: 700px;
    margin: 10px;
}

.sgs_table INPUT, .sgs_table SELECT {
    margin: 2px 0 0 5px;
    width: 50px;    
}
.sgs_delete_action, .sgs_save_action {
    margin-left: 15px;
    cursor: pointer;
}

/* -------- SETTINGS GENERAL SERVICES-------- */
#currancy_preview {
    background-color: #E4D8AB;
    margin-left: 20px;
    float: left;
    height: 24px;
}
#currancy_preview DIV {
    margin: 5px 10px;
    float: left;
}
.sgs_line_height {
    height: 21px;
}
#error_box {
    float: left; 
    margin-left: 20px; 
    line-height: 17px;
    background-color: #EEF;    
    font-weight: bold;
    padding: 0 10px;
    display: none;
}
.error_box_red {
    color: red;
}
.error_box_blue {
    color: blue;
}

/* -------- SETTINGS GENERAL SYSTEMS-------- */   
#add_currancy {
    margin: 10px 30px;
    display: inline;
}
.sgs_system_box {
    width: 150px; 
    height: 100px;
    border: 1px #669 solid;
    float: left;
    position: absolute;
    cursor: pointer;
    z-index: 5555;
}

.sgs_system_box_sel {
    border-width: 4px;
}
.sgs_system_box_outer {
    position: relative; 
    width: 150px; 
    height: 100px; 
    float: left; 
    margin: 10px;
}
.sgs_action_edit {
    position: absolute;
    z-index: 9999;   
    display: none;
    right: 5px;
    bottom: 5px;
}
.sgs_action_active {
    position: absolute;
    z-index: 9998;   
    right: 5px;
    top: 5px;
}
.div_bottom_row {
    background-color: #EEF;
    height: 2px;
    width: 800px;
    float: left;
    clear: both;
}

/* -------- XML Listings Export-------- */

.le_selected {
    background-color: #7395bf;
}
.le_over {
    background-color: #CCF;
}
.le_export_type {
    float: left;
}
.le_export_type DIV {
    margin: 10px 10px 0 10px;
    display: inline;
    height: 55px;
    float: left;
}
.le_export_type DIV IMG {
    margin: 10px;
}
.le_item_line {
    background-color: #7395bf;
    height: 5px;
    float: left;
    width: 100%;
    overflow: hidden;
}
.le_section_box {
    margin: 10px; 
    float: left; 
    width: 700px;
}
.le_attention_text {
    margin: 3px 0 0 10px; 
    width: 600px;
    float: left;
}
.le_li {
    float: left;
}
.le_li UL {
    margin: 0;
    padding: 10px 20px;
}
.le_feed_box_fake {
    width: 120px; 
    height: 50px; 
    background: none;
}
.le_selected_corner {
    width: 160px;
    height: 21px;
    float: left;
    text-align: center;
}
/*------------ HOMEPAGE -----------------------*/

#hp_help_index {
    font-size: 22px;
    color: #f28226;
    font-family: arial;
}
#hp_help_text {
    margin-top: 15px;
    font-weight: bold;
    font-size: 12px;
}
.hp_help_action {
    margin: 10px;
    float: left;    
}
.hp_help_action DIV {
    margin: 10px;    
}

.hp_tl_corner, .hp_tr_corner, .hp_bl_corner, .hp_br_corner {
    position: absolute;
    width: 10px;
    height: 10px;
}
.hp_tl_corner {
    background: url('../images/help_corners.png') top left no-repeat;
    top: -3px;
    left: -3px;
}
.hp_tr_corner {
    background: url('../images/help_corners.png') top right no-repeat;
    top: -3px;
    right: -3px;
}
.hp_bl_corner {
    background: url('../images/help_corners.png') bottom left no-repeat;
    bottom: -3px;
    left: -3px;
}
.hp_br_corner {
    background: url('../images/help_corners.png') bottom right no-repeat;
    bottom: -3px;
    right: -3px;
}


/*------------ Common Stuf -----------------------*/

.table_row, .table_row_pay {
    height: 25px;
    cursor: pointer;    
}

.table_row_checked {
    background-color: #EEF;
}

.table_row_selected {
    background-color: #FFA;
}

.block_action, .action_save, .action_del, .action_cancel, .action_edit, .action_activate {
    display: none;
    float: left;
}
.action_cancel {
    margin-left: 10px;
}
.add_founds {
    display: none;
}

.bottom_action {
    margin: 10px; 
    float: left; 
    width: 700px;
}
.ba_cancel {
    float: left; 
    margin-left: 20px; 
    line-height: 17px;    
}
.tr_height {
    height: 16px;
    margin-right: 5px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.cleaner, .cr {
    clear: both;
}
.hidden {
    display: none;
} 
.page_header {
    float: left;
    margin: 10px 10px 5px 0;
    font-size: 20px;
    color: #4b76a7;
}
.section_header {
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold; 
    float: left;
}

#overlay { 
    background-image:url('../images/overlay/white.png'); 
    height:414px; 
    display: none;
} 
#overlay_add_money { 
    background-image:url('../images/overlay/white_small.png'); 
    height:260px; 
    display: none;
}
#overlay_user, #overlay_spend, #overlay_pay { 
    background-image:url('../images/overlay/white.png'); 
    height:414px; 
    display: none;
} 
#overlay_user .close, 
#overlay_spend .close, 
#overlay_pay .close, 
#overlay .close, 
#overlay_add_money .close {
    background-image: url(../images/overlay/close.png);
    position: absolute;
    cursor: pointer;
    height: 35px;
    width: 35px;
    right: 8px;
    top: 5px;
}
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap_add_money { 
    height:290px;//height:250px;
    width: 460px;//width: 350px;
    overflow-y:auto; 
}

.contentWrap { 
    height:414px;
    width: 656px; 
    overflow-y:auto; 
}

.ui-datepicker {
    z-index:9999 !important;
}
.back {
    margin-top: 7px;
    margin-bottom: 7px;
}

.panel_section {
    border-top: #4b76a7 solid 3px; 
    border-bottom: #4b76a7 solid 3px; 
    float: left; 
    clear: both;
    background-color: #EEF;
    width: 100%;
}
.panel_content {
    margin: 20px; 
    margin-top: 5px;
    float: left; 
}
.greyed {
    color: #C0C0C0;
}
.b {
    font-weight: bold;
}
.bottom_row {
    background-color: #EEF;
}
.bottom_row TD {
    height: 2px;
    margin: 0;
    padding: 0;
}
#page_tooltip {
    display: none;
    background-color: #FFF;
    cursor: pointer;
    width: 50px;
    border: 1px solid #669;
}
#page_tooltip DIV {
    float: left;
    clear: both;
    width: 50px;
    height: 15px;
    line-height: 140%;
}
#page_tooltip DIV SPAN{
    margin-left: 5px;
}

/* -------  Main Frame ------- */

.main_frame_bg_l {
    background: #FFF url('../images/frame_tl_bg.png') no-repeat 0 0;
    font-size: 1px;
    width: 17px; 
    background-color: #FFF; 
    float: right; 
    height: 9px
}
.main_frame_bg_c {
    background-color: #FFF;
    background: url('../images/frame_tc_bg.png') repeat-x;
    height: 9px;
    font-size: 1px;
}
.main_frame_bg_r {
    background-color: #FFF;
    background: url('../images/frame_tr_bg.png') no-repeat;
    height: 9px;
    width: 11px;
}
.banner_place {
    background: #EFEFFF url('../images/banner_bg.png') no-repeat;
    float: left;
    margin-left: 0;
    width: 210px;
    height: 175px;
    text-align: center;
}
.banner_place IMG {
    margin-top: 10px;
}

.top_menu_box {
    margin: 5px 20px; 
    float: right;
}
#left_menu_bg {
    background: #F2F2F2 url('../images/left_menu_bg.png') repeat-y;
}
#site_footer_bg {
    background: url('../images/site_footer_bg.png');
}

/*---------- Homepage ----------*/
.hp_table_title {
    background-color: #7395bf;
    cursor: pointer;
}
.hp_table_title TD {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
}
.hp_table_subtitle {
    background-color: #eef2f7;
}
.hp_table_subtitle TD {
    color: #656565;
    font-size: 13px;
}
.hp_box {
    float: left;
    width: 48%;
    margin-right: 20px;
}
.hp_table_smalltitle {
    background-color: #fafbfc;
}
.hp_table_smalltitle SPAN {
    margin-left: 30px;
}
.hp_table_active {
    background-color: #fff5d0;
    cursor: pointer;
}
.hp_table_active TD {
    text-decoration: underline;
}


.rentals_list_item {
    float: left;
    border: 0px solid #000;
    overflow: auto;
    margin-right: 30px;
	height: 160px;
}

.login_container{
    position: absolute;
    width: 365px; 
    left: 50%;
    top: 25%; 
    margin-left: -205px;
}

#login_page{
    position: absolute; 
    width: 365px; 
    left: 50%;
    top: 25%; 
    margin-left: -182px;
    margin-top: ;
    border: solid 4px #cdcdcd;
    padding: 20px 30px;
    background-color: #fff;
}

/* Login FORM */

#login_form{
       margin: 0;
       width: 324px;
}
#login_form form{
       overflow: hidden;
}
#login_form div#submit{
       display: block;
       text-align:right;
       position: relative;
       margin-top: 5px;
}
#login_form div#submit div{
       float:left; 
       position: absolute;
       top: 0;
       right: 0;
}
#login_form div#content{
       position: relative;
       overflow: hidden;
}
#login_form label{
       display: block;
       font-weight: bold;
       width: 90px;
       float: left;
       padding-top: 7px;
       cursor: default;
}
#login_form label#remember_label{
       font-weight: normal;
       padding-top: 4px;//padding-top: 7px;
}
#content input{
       float: left;
       padding: 2px 1px;
       width: 218px;
       margin: 2px 0 10px 10px;
       font-size: 11px;
}
#content input#remember{
       width: 15px;
       margin: 2px 0 10px 10px;
}

#submit input{
    clear: left;
    display: block;
}
#container{
    position: relative;
}
.width_auto {
    width: auto;
}
.position_right {
    position: absolute;
    right:0;
}
.logotype{
    width: 100%;
    clear: both;
}
div.logotype div.child {
    float: left;
    padding-left: 30px;
}
div.logotype div.child:first-child {
    float: left;
    padding-left: 0;    
}
#container div.child_end {
    clear: left;
    padding: 10px 0 10px 0;
}
.padding_top_10 {
    width: auto;
    padding-top: 10px;
}
h3 {
    padding:0 0 10px 0; 
    margin: 10px 0;
    font-family: Arial, verdana, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5a5a5a;
    border-bottom: solid 1px #e5eaef;
}
.admin_button {
	font: 13px Arial; 
	text-decoration: none; 
	color: #000; 
	position: relative;
	background-image: url('../images/buttom_bord_left.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 8px 5px 7px 15px;
	margin: 5px;
	display:inline-block;
}

.admin_button span {
	background: url('../images/buttom_bord_right.gif') right no-repeat;
	padding: 8px 0 7px 0;
	width: 10px;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 100%;
	cursor: pointer;
}

/* -----------------------------------------------
	www.swfupload.org
----------------------------------------------- */
div.fieldset {
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}
div.flash {
	width: 375px;
	margin: 10px 5px;
}
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel {
	display: none;
}
a.progressCancel:hover {
	background-position: 0px 0px;
}
.swfupload {
	vertical-align: top;
}