/*
Roboto font - Roboto-Thin.ttf:
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.





Roboto font - Roboto-Light.ttf:
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.





Roboto font - Roboto-Regular.ttf:
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.





Roboto font - Roboto-Medium.ttf:
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.




Roboto font - Roboto-Bold.ttf:
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.



Roboto font - Roboto-Black.ttf:
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}




* {
    box-sizing: border-box;
    font-family: 'Roboto', Verdana, sans-serif;
    margin: 0px;
}    

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

#container {
    position:relative;    
    min-height:100%;    
    padding-top: 75px;
    padding-bottom:82px;    
    width:100%;
    float: left;
}            

#all_page_login_container {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-top: -70px;  
}            

#signup_page_login_container {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-top: -1px; 
}            


#login_middle_box {
    display: table-cell;
    vertical-align: middle;
}


#login_inner_box {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width:350px; 
    margin:0 auto; 
    box-shadow: 1px 0px 15px #21a5f0;
}

#login_inner_header {
    background-color: #21a5f0; 
    font-size:22px;
    font-weight:bold;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}

#login_form {
    display: flex; 
    justify-content: center;  
}


#login_form a:link, #login_form a:visited {
    color: #132fd8;
}

#login_form a:hover, #login_form a:active {
    color: #000;
    background-color: #76c5f3;
}

#all_page_signup_container {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-top: -70px; 
}            

#signup_inner_box {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width:450px; 
    margin:0 auto; 
    box-shadow: 1px 0px 15px #21a5f0;
}

#signup_inner_header {
    background-color: #21a5f0; 
    text-align: center; 
    font-size:22px; font-weight:bold; color: white; padding: 20px
}

#singup_middle_box {
    display: table-cell;
    vertical-align: middle;
}


#signupform a:link, #signupform a:visited {
    color: #132fd8;
}

#signupform a:hover, #signupform a:active {
    color: #000;
    background-color: #76c5f3;
}

#left-column {
    float: left;
    border: 1px;
    width: 20%;
    overflow: auto;
    height: 500px;
    margin-top: 0px;
    padding-top: 10px;
}

#right-column {
    float: left;
    width: 80%;
    background-color: blue;
    display: block;
    overflow: auto;
    height: 500px;
    margin-top: 0px;

}

#login_img_logo {
    display: block;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 20px;
    margin-bottom: 20px;
    width:328px;
    height:50px;    
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0370B0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 75px;
    margin-bottom: 0px;
}


li {
    float: left;
}

li.li_profile {
    float: right;
    text-align:center;
}


li a {
    display: block;
    color: white;
    text-align: center;
    padding: 4px 16px;
    text-decoration: none;
}


li a:hover:not(.active_logo) {
    background-color: #76c5f3;
    color: #044165;    
    border-bottom: 3px solid #044165;
}

a:active {
    color: #fff;
} 

a:link, a:visited {
    color: #76c5f3;
}

li a.link_title { 
    display:block; 
}

.active_logo {
    color: #fb60eb;
}

.active_option {
    color: #fb60eb;
    border-bottom: 3px solid #fff;    
}

a span {
    color: #fff;
}


.upnav {
    font-size: 24px;
}


p.upnavp {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-weight: normal;
    line-height: 1.65;    
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 16px; 
    letter-spacing: 1px;
    padding-bottom: 10px;
}


#center_me {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#one_col_50pr_layout {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#chart_type {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width:380px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;

}    

#chart_header {
    background-color: #21a5f0; 
    font-size:22px;
    font-weight:bold;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;

}

#chart_form {
    display: flex; 
    justify-content: center;     

}

.map_form {
    display: flex; 
    justify-content: center;     
    
}

.map_form2 {
    display: flex; 
    justify-content: center;     
    
}

#welcome_win_frame {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width:380px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;

}    

#welcome_win_header {
    background-color: #21a5f0; 
    font-size:22px;
    font-weight:bold;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

#survey_win_frame {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width: 480px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
}    

#cancelautorenew_win_frame {
    border: 1px solid #21a5f0; 
    width:480px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;

}    

#profilemenu_win_frame {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width: 740px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
}    


#planupgrade_win_frame {
    border: 1px solid #21a5f0; 
    width:580px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;

}    

#cancelautorenew_win_header {
    background-color: #21a5f0; 
    font-size:22px;
    font-weight:bold;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

.cancelform_left {
  float: left;
  width: 26px;
  height: 20px;
  text-align: left;
  margin: 0px 10px;
  display: inline;
  padding: 1px 3px 1px 1px;
}

#cancelrenewform input[type=checkbox] {
	visibility: hidden;
}

#cancellation_form_more_info_div {
    border-top: 1px solid #bbbbbb;    
    background-color: #efefef;
    margin: 0px;
}


#cancelrenewform a:link, #cancelrenewform a:visited {
    color: #003030;
    background-color: #fff;
}

#cancelrenewform a:hover, cancelrenewform a:active {
    color: #003030;
    background-color: #76c5f3;
}

#cancellation_form_more_info_div a:link, #cancellation_form_more_info_div a:visited {
    color: #003030;
    background-color: #efefef;
}

#cancellation_form_more_info_div a:hover, #cancellation_form_more_info_div a:active {
    color: #003030;
    background-color: #76c5f3;
}

.userprofile_form_checkbox_left {
  float: left;
  width: 26px;
  height: 20px;
  text-align: left;
  margin-top: 14px;
  margin-left: 5px;
  display: inline;
  padding: 1px 3px 1px 1px;
}

#userprofileform input[type=checkbox] {
	visibility: hidden;
}

#surveyform input[type=checkbox] {
	visibility: hidden;
}

#exportdataform input[type=checkbox] {
	visibility: hidden;
}


.Cell_Survey_Input_Text input[type=text] {
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    width: 400px;
    height: 100px;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 70px;
    word-wrap:break-word;

}

.Cell_Survey_radio_options  {
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    padding-left: 5px;
    line-height: 1.6;
    padding-bottom: 10px;
}


.Cell_Survey_Input_Text textarea {
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    width: 425px;
    height: 80px;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 70px;
    word-wrap: break-word;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
}

.regular_survey_text {
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    padding-left: 5px;
    padding-bottom: 10px;
}

.regular_survey_text_small {
    font-size: 12px;
    text-color: 333;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.pp_regular_survey_text_small {
    font-size: 12px;
    text-color: 333;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #efefef;
}

.regular_survey_text_pr {
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 25px;
}

input[type=text], input[type=password], select {
    font-family: 'Roboto', Verdana, sans-serif; font-size: 15px; padding: 2px; border-radius: 3px; border: 1px solid #ddd; 
}

#login_form input[type=text], #login_form input[type=password], #login_form select {
    font-family: 'Roboto', Verdana, sans-serif; font-size: 14px; padding-top: 10px; padding-bottom: 10px; border-radius: 3px; border: 1px solid #ddd; width: 250px; 
}


input[type=submit] { 
    background-color: #21a5f0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  auto;
    margin-right: 1px;
}

input[type=submit]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  auto;
    margin-right: 1px;
}

input[type=submit]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  auto;
    margin-right: 1px;
}

input[type=submit]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  auto;
    margin-right: 1px;
    cursor: pointer;
}

p.signup_frm {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px; 
    margin: 30px;
    font-weight: normal;
    margin-right: 88px;
}

p.signup_frm_space_between_agree {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px; 
    margin-top: 30px;
    font-weight: normal;
}


p.profile_frm {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px; 
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 45px;
    margin-right: 70px;    
    font-weight: normal;
}

p.disable_frm {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px; 
    margin: 40px;
    font-weight: normal;
    margin-right: 88px;
    margin-top: 1px;
}



p.profile_frm_message {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px; 
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 70px;    
    font-weight: normal;    
}

.signupform_left {
  float: left;
  width: 26px;
  height: 70px;
  text-align: left;
  margin: 0px 10px;
  display: inline;
  padding: 10px 3px 1px 1px;
}

.signupformm_left {
  float: left;
  width: 26px;
  height: 85px;
  text-align: left;
  margin: 0px 10px;
  display: inline;
  padding: 1px 3px 1px 1px;
}


#login_form input[type=submit] { 
    background-color: #21a5f0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 190px;
}

#login_form input[type=submit]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 190px;
}

#login_form input[type=submit]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 190px;
}

#login_form input[type=submit]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 190px;
    cursor: pointer;
}

#userprofileform input[type=submit] { 
    background-color: #21a5f0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 225px;
}

#userprofileform input[type=submit]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 225px;
}

#userprofileform input[type=submit]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 225px;
}

#userprofileform input[type=submit]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 225px;
    cursor: pointer;
}

#signupform input[type=submit] { 
    background-color: #21a5f0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 175px;
}

#signupform input[type=submit]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 175px;
}

#signupform input[type=submit]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 175px;
}

#signupform input[type=submit]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 175px;
    cursor: pointer;
}


#surveyform input[type=submit] { 
    background-color: #21a5f0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 352px;
}

#surveyform input[type=submit]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 352px;
}

#surveyform input[type=submit]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 352px;
}

#surveyform input[type=submit]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    margin-left: 352px;
    cursor: pointer;
}





p.login_form {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px; 
    margin: 10px;
    margin-top: 50px;
    color: #4d4d4d
}


p.login_form_2 {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    margin-left: 10px;
    color: #4d4d4d;
    margin-top: 5px;
    margin-bottom: 0px;
    
    padding-bottom: 5px;
    /*background-color: #caecff;*/
}

p.login_form_ac_state {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    color: #4d4d4d;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    /*background-color: #caecff;*/
}

p.login_form_cright {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    /*background-color: #caecff;*/
}


#login_sign_up_div {
    background-color: #caecff;
    margin: 0px;
    border-top: 1px solid #bbbbbb;

}

p.login_form_p_bg{
    margin-left:0px;
    width:100%;
    background-color: cyan;
}

input[type=button] { 
    background-color: #21a5f0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;    
}


input[type=button]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
}

input[type=button]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
}

input[type=button]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}



p {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    margin: 10px;
}



#map_input_area {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;        
    box-shadow: 1px 0px 15px #21a5f0;

}    

#mapdata_header {
    background-color: #21a5f0; 
    font-size:22px;
    font-weight:bold;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;

}


#back_form {
    display: flex; 
    justify-content: center;  
}

.seperate {
    margin-bottom: 30px;
}


#img_logo {
    display: block;
    width:289px;
    height:44px;    
    margin-left: 150px;
    margin-right: auto;    
    margin-top: 0px;
    margin-bottom: 0px;
}


#login_under_logo_text {
    font-size: 18px;
    letter-spacing: 1px;
    color: white;
    margin-left: 165px;
    margin-top: 0px;
    margin-bottom: 2px;
}

#button_box_div {
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;        
}

#multi_button_box_div {
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;            
}

#aspectsptrn_button_box_div {
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;            
}

#multi_planetstrcounter_button_box_div{
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;                
}

#multi_planetsinonesign_button_box_div {
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;                
}

#multimap_form_button_box_div {
    background-color: white; 
    width: 1222px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;            
}

#multi_mapcomparetable_button_box_div {
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;            
}


#retro_planets_yearform_button_box_div {
    background-color:white; 
    width:380px; 
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;       
    margin-right: auto;            
}


.activeiconcolor  {
    color: #fff;
}


.Table {
    display: table;
}    


.Row {
    display: table-row;
}

.Cell_Small_Icon {
    display: table-cell;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 40px;
}

.Cell_Option_Text {
    display: table-cell;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 90px;
}

.Cell_Option_Combo {
    display: table-cell;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 70px;
}

.Cell_Hour_Date_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 42px;
}

#Cell_Lunar_Transit_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
}


.Cell_Hour_Date_Format_Text {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
    color: #969696;
}

.Cell_Date_Hour_Short_Combo {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 30px;
}

.Cell_Date_Hour_Sepchar {
    display: table-cell;
    border-width: thin;
    padding-left: 1px;
    padding-right: 1px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 2px;
}    

.Cell_Long_Lat_TZ_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 86px;
}

.Cell_Long_Lat_TZ_Input {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 30px;
}

.Cell_HouseSys_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
}

.Cell_Houses_Combo_Input {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 100px;
}

.transit_date_box {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 30px;    
}


#transit_year_textbox {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 30px;
}

select#num_of_maps {
    color: #4d4d4d;
}

select#category {
    color: #4d4d4d;
}


select#map_type {
    color: #4d4d4d;
}

select#chart_selection {
    color: #4d4d4d;    
}

select#date_day, select#date_month, select#hour_hour {
    color: #4d4d4d;        
}

select#hour_minutes, select#hour_seconds {
    color: #4d4d4d;        
}

select#location_name{ 
    color: #4d4d4d;        
}

select#lat_direction, select#long_direction{
    color: #4d4d4d;   
    width: 43px;
    height: 23px;
    padding-top: 1px;
}    

select#tz_shift, select#tz_hours, select#tz_minutes {
    color: #4d4d4d;        
}

select#house_selection {
    color: #4d4d4d;        
}

select#aspect_tr_date_day {
    color: #4d4d4d;        
}

select#aspect_tr_date_month {
    color: #4d4d4d;        
}

select#aspect_tr_date_year {
    color: #4d4d4d;        
}

select#aspect_tr_period_selection {
    color: #4d4d4d;        
}

select#aspect_pattern_selection {
    color: #4d4d4d;        
}

select#multi_oneplanetinsign_sign_selection {
    color: #4d4d4d;        
}

select#multi_oneplanetinsign_period_selection {
    color: #4d4d4d;        
}


select option { 
    color: #4d4d4d; 
}

select:active, select:hover {
    color: #4d4d4d;
}

input[type="text"] {
    color: #4d4d4d;
}    

footer {
    position:absolute;
    bottom:0;
    height:80px;  
    background: #76c5f3;
    width: 100%;
}

footer a:link, footer a:visited {
    color: #044165;
}

footer a:hover, footer:active {
    color: #fff;
}

#alert-message-regcheck {
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-longitude {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-latitude {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-date {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}


#alert-message-firstname {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-lastname {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-city {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}


#alert-message-country {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-state {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}


#alert-message-user {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-loginuser {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 49px; 
}

#alert-message-pas {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-loginpas {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 49px; 
}

#alert-message-repas {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-firstname {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}

#alert-message-lastname {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 32px; 
}


#alert-message-locationname {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 5px; 
}

#alert-message-save-profile {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 5px; 
}

#alert-message-before-submit {
        display: none;
        font-size: 14px;
        color: #e10c39;
        padding: 5px 5px 5px 5px;     
}

#alert-message-canceluser {
        font-size: 14px;
        color: #e10c39;
        padding: 10px 10px 10px 10px;   
}

#alert-message-agree-profile-details-save {
        font-size: 14px;
        color: #e10c39;
        padding: 10px 10px 10px 10px;       
}

#alert-message-agree-survey-data-submit {
        font-size: 14px;
        color: #e10c39;
        padding: 10px 10px 10px 10px;    
}

#alert-message-agree-export-data-submit {
        font-size: 14px;
        color: #e10c39;
        padding: 10px 10px 10px 10px;        
}

#alert-message-disableuser {
        font-size: 14px;
        color: #e10c39;
        padding: 10px 10px 10px 10px;            
}

#img_logo_agr {
    margin-top: 3px;
    margin-left: 0px;
    width:289px;
    height:44px;
    background-color: green;
}

.Page {
    padding-top: 46px;
    font-family: 'Roboto', Verdana, sans-serif;
}


.Header {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px 0px rgba(0,0,0,0.05);
    height: 46px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.Header_ext {
    font-family: 'Roboto', Verdana, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width:880px;
    background-color: #fff;
     
}

.Header_row {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px 0px rgba(0,0,0,0.05);
    height: 2px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;    
    height: 55px;       
}

h2.agr {
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    line-height: 1.4;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 28px;
}    

h3.agr {
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 20px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 1.2;
}

h3.lic {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 20px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 1.2;
}

.UserPolicy{
		font-family: 'Roboto', Verdana, sans-serif;
		margin:20px auto;
		max-width:880px;
		padding:20px;
}

#lic_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_d3_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_postgresql_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_astrofont_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_d3gantt_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_jquery_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_geonames_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;    
}

#lic_gson_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_fontawesome_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_heatmap_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_thermo_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;
}    

#lic_neoncircle_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;    
}

#lic_stacked_horz_bar_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;    
}

#lic_simple_pie_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;        
}

#lic_simple_gauge_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;        
}

#lic_apache_commons_codes_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;            
}


#lic_apache_commons_email_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;            
}


#lic_apache_commons_validator_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;            
}

#lic_log4j_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;            
}

#lic_datatables_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;                
}

#lic_google_roboto_font_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;            
}

#lic_javase_box {
		font-family: 'Roboto', Verdana, sans-serif;
		max-width:880px;
                margin:20px auto;
		padding:5px;
                background-color: #f8f8f8;
                border-style: solid;
                border-width: 1px;
                border-radius: 8px;
                box-shadow: 5px 5px 3px #888888;                
}

.Header-logo{
		font-size:24px;
		margin-top:13px;
}

.Header-signin {
		color:#222227;
		display:inline;
		font-size:12px;
		line-height:0px;
		margin-left:200px;
                margin-top: 10px;
                margin-bottom: 15px;
		text-decoration:none;
}


#header-link {
                display: inline;
                display:initial;
		font-size:12px;
		margin-left:470px;
                margin-top: 0px;
                margin-bottom: 1px;
		text-decoration:none;
}

#header-link a:link, #header-link a:visited {
    color: #132fd8;
}

#header-link a:hover, #header-link a:active {
    color: #000;
    background-color: #76c5f3;
}



.UserPolicy ol {
  list-style-type: none;
  counter-reset: item;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.65;    
  font-family: 'Roboto', Verdana, sans-serif;
  font-size: 12px; 
  padding-bottom: 20px;
  padding-top: 20px;
  
  
}

.UserPolicy  ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
  padding: 3px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Roboto', Verdana, sans-serif;
}

.UserPolicy  ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
  
}

.UserPolicy  li ol > li {
  margin: 0;
  font-size: 12px;
  font-family: 'Roboto', Verdana, sans-serif;
  font-weight: normal;  
  
}

.UserPolicy  li ol > li:before {
  content: counters(item, ".") " ";
  
}

.UserPolicy li {
    float: left;
    text-align: left;
}

p.agr {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    font-weight: normal;
    line-height: 1.65;    
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px; 
}

p.agrinsr {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 27px;
    font-weight: normal;
    line-height: 1.65;    
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px; 
}

.Cell_Profile_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 100px;
}

.Cell_Profile_Extwidth130_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 130px;
}


.Cell_Survey_Question_Text {
    
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 400px;
}

.Cell_Profile_Input_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 206px;
}


.Cell_Survey_Input_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 400px;
}

.Cell_Profile_Combo_Medium {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 100px;
}

.Cell_Profile_Combo_Short {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 42px;
}

.Cell_CancelForm_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 150px;
}

.Cell_DataExportForm_Text {
    display: table-cell;
    padding-left: 10px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 90px;
}


.useragree {
	width: 30px;
	height: 30px;
	background: #ddd;
	margin: 0px 1px;

	border-radius: 100%;
	position: relative;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}


.useragree label {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 90px;

	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;

	background: #aaa;
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}


.useragree input[type=checkbox]:checked + label {
	background: #26ca28;
}



.useremailagree {
	width: 30px;
	height: 30px;
	background: #ddd;
	margin: 0px 1px;

	border-radius: 100%;
	position: relative;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}


.useremailagree label {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 90px;

	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;

	background: #aaa;
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}


.useremailagree input[type=checkbox]:checked + label {
	background: #26ca28;
}



ul.ui-autocomplete {
    width: auto;
    height: auto;
    max-height: 300px;
    max-width: 650px;
    overflow-y: auto;
    overflow-x: hidden;
}


.ui-widget li {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    clear: both;
}

.Cell_location_name_input {
    display: table-cell;
    border-width: thin;
    padding-left: 5px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 224px;
}

.Cell_location_name_input input[type=text] {
    font-size: 14px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: normal;
    height: 25px;        
    width: 216px;
}

.Cell_location_name_search_btn {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 90px;
}

.Cell_iaccept_btn {
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 90px;
    margin-left: 20px;
}


.axis path {
    fill: none;
    stroke: #777;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.axis line {
    fill: #123;
    stroke: #777;
    stroke-width: 1;
    shape-rendering: crispEdges;
}


.axis text {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 10px;
}

circle {
    fill: #4bb3ef;
}



h3 {
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 24px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 1.2;
}

h6 {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.2;
}

#svgComulativeBarChart {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#svgComulativeBarChartC {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}


#svgComulativeBarChartF {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}


#svgComulativeBarChartM {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#gantt_div {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#top_chart_headers_text {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}

.center_minmax_body {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.Table_Sig {
    display: table;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 50px;
}    

.Table_Dual_Sig {
    display: table;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 20px;
    margin-bottom: 20px;
}    

.Table_Title {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-family: 'Roboto', Verdana, sans-serif;
        font-size: 20px;
}


.Table_Heading {
        display: table-row;
        font-weight: bold;
        text-align: center;
}


.Cell_Heading {
        display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
        font-family: 'Roboto', Verdana, sans-serif;
        font-size: 16px;
        font-weight: bold;
}

   
.Cell_Reg_Sig {
        display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
        font-family: 'Roboto', Verdana, sans-serif;
        font-size: 16px;
        font-weight: normal;
}

.Cell_Thermo {
        display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
        font-family: 'Roboto', Verdana, sans-serif;
        font-size: 16px;
        font-weight: normal;
}

#svgSunRise {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#svgSunSet {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#svgHeatSgMonth {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#svgStatrange30Degrees {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#svgwheel {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#statrange_first_div {
    width: 800px;
    float:left; 
}
#statrange_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#svgSunMoonAspects {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#sunmoonasp_first_div {
    width: 720px;
    float:left; 
}

#sunmoonasp_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden; 
}

#sunmoonasp_checkbox_div {
    margin-bottom: 20px;
}    

#svgScatter {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#svgMercurySpeed {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#mercspeed_first_div {
    width: 800px;
    float:left; 
}
#mercspeed_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#mercsundelta_first_div {
    width: 800px;
    float:left; 
}

#mercsundelta_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#svgSunMercDelta {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#svgSunMercDegrees{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;    
}

#mercsundegrees_first_div {
    width: 800px;
    float:left; 
}

#mercsundegrees_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#mercsunfldegrees_first_div {
    width: 800px;
    float:left; 
}

#mercsunfldegrees_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}


#svgPlanetInSign {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#planetinsign_first_div {
    width: 800px;
    float:left; 
}
#planetinsign_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#planettrqualitycount_first_div {
    width: 880px;
    float:left; 
}

#planettrqualitycount_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#planettrelementcount_first_div {
    width: 880px;
    float:left; 
}

#planettrelementcount_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#planettrelementcount_fire_first_div {
    width: 880px;
    float:left; 
}

#planettrelementcount_fire_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#planettrelementcount_earth_first_div {
    width: 880px;
    float:left; 
}

#planettrelementcount_earth_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#planettrelementcount_air_first_div {
    width: 880px;
    float:left; 
}

#planettrelementcount_air_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#planettrelementcount_water_first_div {
    width: 880px;
    float:left; 
}

#planettrelementcount_water_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}



#planettrretrocount_first_div {
    width: 880px;
    float:left; 
}

#planettrretrocount_second_div {
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}


#scatter_first_div {
    width: 800px;
    float:left;
}

#scatter_second_div {
    line-height: 1;
    overflow: hidden; 
}

#svgscatter_Lunars_AC {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#scatter_lunar_ac_first_div {
    width: 800px;
    float:left;
}

#scatter_lunar_ac_second_div {
    padding-left: 25px;
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#svgscatter_Lunars_MC {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#scatter_lunar_mc_first_div {
    width: 800px;
    float:left;
}

#scatter_lunar_mc_second_div {
    padding-left: 25px;    
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#svgscatter_Lunars_IC {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#scatter_lunar_ic_first_div {
    width: 800px;
    float:left;
}

#scatter_lunar_ic_second_div {
    padding-left: 25px;    
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#svgscatter_Lunars_DC {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#scatter_lunar_dc_first_div {
    width: 800px;
    float:left;
}

#scatter_lunar_dc_second_div {
    padding-left: 25px;    
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#svgPlanetRetroDegrees {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}


#planetsretro_year_degrees_first_div {
    width: 800px;
    float:left;
}

#planetsretro_year_degrees_second_div {
    padding-left: 25px;    
    font-size: 12px;
    font-family: 'Roboto', Verdana, sans-serif;
    line-height: 2;
    overflow: hidden;
}

#scatter_lunar_space_div {
    margin-top: 30px;
}

#back_err_glob {
    background-color:white; 
    border: 1px solid #e10c39; 
    width:350px; 
    margin:0 auto; 
    box-shadow: 1px 0px 15px #e10c39;
}

#back_err_header {
    background-color: #e10c39; 
    text-align: center; 
    font-family: 'Roboto', Verdana, sans-serif;  
    font-size:22px; font-weight:bold; color: white; padding: 20px
}

.Map_Textbox_Year {
    width: 46px;
    height: 25px;
}


#login_row input[type=submit] { 
    background-color: #21a5f0;
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-left:  200px;
    margin-right: 1px;
}


#login_row input[type=submit]:active { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  200px;
    margin-right: 1px;
}

#login_row input[type=submit]:focus { 
    background-color: #76c5f3; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  200px;
    margin-right: 1px;
}

#login_row input[type=submit]:hover { 
    background-color: #0370b0; 
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  200px;
    margin-right: 1px;
    cursor: pointer;
}


#login_row {
    width: 348px;
}

#forgot_url_div {
    width: 155px;
    margin-left: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
    float:left; 
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    color: #4d4d4d;    
}

#forgotp_url_div {
    width: 155px;
    margin-left: 49px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    color: #4d4d4d;    
}


#svgscatter_Lunars_Planetsinlunar {
    width: 1010px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;    
    margin-bottom: 0px;    
    background-color:white; 
    border: 1px solid #21a5f0; 
    box-shadow: 1px 0px 15px #21a5f0;   
    font-family: 'Roboto', Verdana, sans-serif;
}

#chart_content_frame {
    background-color:white; 
    border: 1px solid #21a5f0; 
    width:1000px; 
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;        
    margin-right: auto;
    box-shadow: 1px 0px 15px #21a5f0;
    font-family: 'Roboto', Verdana, sans-serif;
}    

#chart_win_header {
    background-color: #21a5f0; 
    font-size:22px;
    font-weight:bold;
    font-family: 'Roboto', Verdana, sans-serif;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

#chart_headers_text {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;    
    border-bottom: 2px solid #D2D2D2;
    font-family: 'Roboto', Verdana, sans-serif;
}

.Table_min_max {
    display: table;
    margin-left: auto;
    margin-right: auto;  
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Roboto', Verdana, sans-serif;
}    

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 300px white inset;
    -webkit-text-fill-color: #4d4d4d;
}


#loginbtn {
    background-color: #21a5f0;
    width: 250px;
    height: 39px;
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  49px;
}


#loginbtn:active { 
    background-color: #76c5f3; 
    width: 250px;
    height: 39px;
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  49px;
}

#loginbtn:focus { 
    background-color: #76c5f3; 
    width: 250px;
    height: 39px;
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  49px;
}

#loginbtn:hover { 
    background-color: #0370b0; 
    width: 250px;
    height: 39px;
    padding: 5px 10px 5px 10px; 
    border-radius: 3px; 
    border: 1px solid #319db8; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
    display:      block;
    margin-top: 10px;   
    margin-left:  49px;
    cursor: pointer;
}

p.loginp {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    margin-left: 49px;
    margin-top: 20px;
}

p.plan_upgrade_insertion {
    margin-left: 248px;
}

#planupgrade_win_frame a:link, #planupgrade_win_frame a:visited {
    color: #003030;
    background-color: #efefef;
}

#planupgrade_win_frame a:hover, #planupgrade_win_frame a:active {
    color: #003030;
    background-color: #76c5f3;
}

#disableform input[type=checkbox] {
	visibility: hidden;
}

#disagreeform input[type=checkbox] {
	visibility: hidden;
}

#disabledeleteform input[type=checkbox] {
	visibility: hidden;
}

#disagreeform a:link, #disagreeform a:visited {
    color: #003030;
    background-color: #efefef;
}

#disagreeform a:hover, #disagreeform a:active {
    color: #003030;
    background-color: #76c5f3;
}


#disabledeleteform a:link, #disabledeleteform a:visited {
    color: #003030;
    background-color: #efefef;
}

#disabledeleteform a:hover, #disabledeleteform a:active {
    color: #003030;
    background-color: #76c5f3;
}

#disableform a:link, #disableform a:visited {
    color: #003030;
    background-color: #efefef;
}

#disableform a:hover, #disableform a:active {
    color: #003030;
    background-color: #76c5f3;
}


#userprofileform a:link, #userprofileform a:visited {
    color: #003030;
    background-color: #efefef;
}

#userprofileform a:hover, #userprofileform a:active {
    color: #003030;
    background-color: #76c5f3;
}

#exportdataform a:link, #exportdataform a:visited {
    color: #003030;
    background-color: #efefef;
}

#exportdataform a:hover, #exportdataform a:active {
    color: #003030;
    background-color: #76c5f3;
}


#surveyform a:link, #surveyform a:visited {
    color: #003030;
    background-color: #efefef;
}

#surveyform a:hover, #surveyform a:active {
    color: #003030;
    background-color: #76c5f3;
}


.regular_survey_text_small a:link, .regular_survey_text_small a:visited {
    color: #003030;
    background-color: #efefef;
}

.regular_survey_text_small a:hover, .regular_survey_text_small a:active {
    color: #003030;
    background-color: #76c5f3;
}

.pp_regular_survey_text_small a:link, .pp_regular_survey_text_small a:visited {
    color: #003030;
    background-color: #efefef;
}

.pp_regular_survey_text_small a:hover, .pp_regular_survey_text_small a:active {
    color: #003030;
    background-color: #76c5f3;
}

#page_message_content_icon {
    display: block;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50px;
    height: 50px;    
}


#back_err_glob a:link, #back_err_glob a:visited {
    color: #132fd8;
}

#back_err_glob a:hover, #back_err_glob a:active {
    color: #000;
    background-color: #76c5f3;
}

table#chartContainer {
    border-collapse: collapse;
}

#chartContainer td, tr, th {
    border-collapse: collapse;    
    border-spacing: 0px;
    border: 1px solid black;
} 

#chartContainer tr:nth-child(even) {
    background-color: #f2f2f2;
}

#chartContainer tr:hover {
    background-color: #76c5f3; 
}

#lunarretac_checkbox_div {
    margin-bottom: 20px;
}    

#lunarretmc_checkbox_div {
    margin-bottom: 20px;
}    

#planetinsg_checkbox_div {
    margin-bottom: 20px;
}    

#CircleTr_Period_Text  {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
}

#aspect_tr_period_text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
}

#Aspects_Pattern_Transit_Text_Cell {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
}

#aspect_pattern_text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;    
}

.period_combobox {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 30px;    
}

#wanwax_chart_content_container {
    width: 1110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;    
    margin-bottom: 0px;    
    background-color:white; 
    border: 1px solid #21a5f0; 
    box-shadow: 1px 0px 15px #21a5f0;    
    font-family: 'Roboto', Verdana, sans-serif;
}

#wanwax_chart_headers_text {
    width: 1108px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;    
    border-bottom: 2px solid #D2D2D2;
    padding-left: 4px;
    font-family: 'Roboto', Verdana, sans-serif;
}


#wanwax_chart_content {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;    
    margin-bottom: 3px;    
    background-color: white; 
    font-family: 'Roboto', Verdana, sans-serif;
}

table#wanwaxChartContainer {
    border-collapse: collapse;
}

#wanwaxChartContainer td, tr, th {
    border-collapse: collapse;    
    border-spacing: 0px;
    border: 1px solid black;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
} 

#wanwaxChartContainer th {
    background: #0B6FA4;
    font-weight: bold;
    color: #FFFFFF;
}

#wanwaxChartContainer tr:nth-child(even) {
    background-color: #f2f2f2;
}

#wanwaxChartContainer tr:hover {
    background-color: #76c5f3; 
}

#chart_content_container {
    width: 1010px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;    
    margin-bottom: 0px;    
    background-color:white; 
    border: 1px solid #21a5f0; 
    box-shadow: 1px 0px 15px #21a5f0;    
    font-family: 'Roboto', Verdana, sans-serif;
}

#planets_year_retro_options_text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;
}

#Cell_PlanetsYear_Transit_Text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;    
}


.planets_retro_year_transit_date_box {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 80px;   
    padding-top: 3px;    
}

#planets_retro_transit_year_textbox {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 30px;
    padding-top: 4px;
}

#retro_planet_year_tomark_text {
    display: table-cell;
    padding-left: 5px;
    padding-right: 2px;
    margin: 0px;
    border: 0px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 118px;    
}


.Cell_YearRetroPlanets_Combo_Input {
    display: table-cell;
    border-width: thin;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 100px;
}

#ac_pg a:link, #ac_pg a:visited {
    color: #132fd8;
}

#ac_pg a:hover, #ac_pg a:active {
    color: #000;
    background-color: #76c5f3;
}

.UserPolicy a:link, .UserPolicy a:visited {
    color: #132fd8;
}

.UserPolicy a:hover, .UserPolicy a:active {
    color: #000;
    background-color: #76c5f3;
}

#signupform input[type=text], #signupform input[type=password], #signupform select {
    font-family: 'Roboto', Verdana, sans-serif; font-size: 14px; padding: 10px; border-radius: 3px; border: 1px solid #ddd; width: 250px; 
}

#signupform input[type=checkbox] {
	visibility: hidden;
}




.signupform_col_text {
  width: 35%;
  float: left;
  margin-top: 6px;
  font-family: 'Roboto', Verdana, sans-serif;
  font-size: 14px;
  padding: 10px;
}

.signupform_col_placeholder {
  width: 65%;
  float: left;
  margin-top: 6px;
  font-family: 'Roboto', Verdana, sans-serif;
  font-size: 14px;

}



.signupform_row {
	  input[type = text] input[type=password] {
          font-family: 'Roboto', Verdana, sans-serif;
          font-size: 14px;
	  width : 100%;
 }

 .row:after {
   content: "";
   display: table;
   clear: both;
 }
}

.signupform_rows_end {
    display: block;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 14px; 
    margin-top: 10px;
}