@import url('/api_auth/view/css/login.css'); /* LOGIN */ body { padding: 1em 3em; }
 
/* TABLE OF CONTENTS
CRUD Styles :60
Popup Stying :118
Responsive Styles :188
@media only screen and (min-width: 1700px) { :239
@media only screen and (min-width: 1180px) and (max-width: 1700px) { :287
@media only screen and (min-width: 860px) and (max-width: 1180px) { :342
@media only screen and (min-width:700px) and (max-width: 860px) { :397
@media only screen and (min-width:540px) and (max-width: 700px) { :448
@media only screen and (min-width:420px) and (max-width: 540px) { :501
@media only screen and (max-width: 460px) { :557
*/

* { margin: 0; padding: 0; border: 0; top: 0; }

body {
  background: #96fafd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#fff, #96fafd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #96fafd); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #96fafd); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #96fafd); /* Standard syntax */

  font-size:  12pt; 
  font-family:  Times Roman, serif; 
  font-weight:normal; 
  /* color:#000000; */
  /* background-color: #c0c0c0; */
	/* background: white url('kms/view/images/background.jpg') repeat; */
	text-align: left;
	color: #000099;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
/*
div.outer {
	width: 90%;
	height: 100vh;
	margin: 0 auto;
}
*/
div#wrap {
	width: 100%;
	position: relative;
	background-color: navy;
}



div#welcome {
  padding: 5px 10px 0 0; 
  float:right;
}

div#welcome, div#welcome a {
  font-family:sans-serif; 
  font-size: 10pt; 
  color:white;
}

/* CRUD Styles */

div#content_wrap { margin: 0 auto;/* width: 100%;*/ overflow:auto; height: 570px; }
div#content_wrap h1 { text-align: center; }

div#ctcs_parameters,
div#ctcs_address,
div#ctcs_telecom,
div#ctcs_activity
{ clear:both; float:left; }
div#ctcs_type,
div#ctcs_note,
div#ctcs_mtm-org
{ float:right; }
div.grid { margin: 1em 0 0 0; }
div#ctcs_parameters { margin: 1em; }

div#cms_pages { margin: 0 auto 0 auto; width: 100%; }
div#cms_pages div a, div.grid div a, .wash a { color:red; text-decoration: none; font-weight:bold; }
div#cms_pages div a:hover { color:#000099; }
div.head, div.even, div.odd { line-height: 16px; }
div.head { background-color: #cccccc; color: #000099; padding: 0;  }
div div.even { background-color: #ffffcc; }
div div.odd { background-color:#ffffff; }


div.popup #demo {
display: block;
}
div#nav {
clear:both;
}
div#active {
background-color:#bababb;
}
div.tab {
float: left;
background-color: #bababb;
padding: 5px 10px;
margin: 0 15px 0 0;
border-top-left-radius:7px;
border-top-right-radius:7px;
}
div a {
color: black;
font-family: sans-serif;
text-decoration: none;
}
div#tabbed-content {
background-color:#bababb;
clear:both;
padding: 0.5em 1em 1em 1em;
height:180px;
border-bottom-left-radius:7px;
border-top-right-radius:7px;
border-bottom-right-radius:7px;
margin: 0 0 12px 0;
}
div#tab-a {
background-color:#bababb;
}
div#tab-b {
background-color:#dddddd;
}
div#tabbed-content div div {
margin: 0 0 7px 0;
}
div#tabbed-content div div label {
font-family: sans-serif;
}
div#tabbed-content div div input {

padding: 0 5px;
float: left;
margin: 0 0 17px 0;
}  



form.crud { margin: 0 auto 0 auto; width: 100%; }
form.crud fieldset { padding: 0.5em 1em 1em 1.5em; }
form span { text-align: right; margin: 0 0.5em 0 0;  vertical-align:middle;}
form span#formset { vertical-align: top; }
form label { text-align: right; display: block; box-sizing: border-box; text-align: right;
    vertical-align: middle;}
form input, form textarea { box-sizing: border-box; width: 65%; }
form textarea { height: 15em; }
.formset {  vertical-align:middle; }
form#per input { width: 20%; }
form input#submit { background-color:#cccccc; color: #000099; font-weight:bold; width: 15%; }
form label { color: #000099; }
form#org input, form#per input { font-size: 13pt; padding: 0 5px 0 5px; }

div#row1, div#row2, div#row3 { clear:both; width: 100%; }
div#row3 { height: 170px; }
div.portal-left, div.portal-right { height: 150px; }
#row1 .portal-left, #row2 .portal-left, #row3 .portal-left { float:left; padding: 0 10px; }
#row1 .portal-right, #row2 .portal-right, #row3 .portal-right { float:right; padding: 0 10px; }
#row1 .portal-left { width: 60%; /* background-color: green; */ }
#row1 .portal-right { width: 35%; /* background-color: purple; */ }
#row2 .portal-left { width: 47%; /* background-color: orange; */ }
#row2 .portal-right { width: 47%; /* background-color: pink; */ }
#row3 .portal-left { width: 60%; /* background-color: yellow; */ }
#row3 .portal-right { width: 35%; /* background-color: blue; */ }

div.footer-cell { clear:both; }
div.footer-nav { clear:both; float:left; } 
div.footer-insert { 
  width: 12px; 
  float:right; 
  font-family: sans-serif; 
  font-weight: bold; 
  text-align: center; 
  border-left: 1px solid black; 
  height: 16px; 
  line-height: 16px;
}

form#org legend, form#per legend { color: #000099; font-weight:bold; font-family:sans-serif; }
form#org fieldset, form#per fieldset { margin:  10px 10px 0 10px; }
div.footer-cell { background-color: #eeeeee; }


div#ctcs_activity div.footer-cell { width: 614px; }
div#ctcs_activity div.footer-nav { width: 600px; }
div#ctcs_note div.footer-cell { width: 326px; }
div#ctcs_note div.footer-nav { width: 310px; }



div.footer-cell div.footer-nav a.pg:hover {
  color: #000099;
}

/* Popup Styling */

.popup 
{
  z-index:3;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  position:relative;
}
#demo
{
  width:300px;
  height: auto;
  background-color: white;
  padding:25px;
  margin:70px auto 0px auto;
  border-radius: 10px;
  border: 5px solid #5c5c5c;
}
.popup-bkgrnd 
{
  z-index:2;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px; 
  filter:alpha(opacity=10);
  -moz-opacity:0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
  position:absolute;
  width:100%; 
  height:100%; 
}
#demo-bkgrnd
{
  background-color:green;
}

.popup fieldset { padding: 15px; border-radius: 5px; margin: 0 0 10px 0; }
.popup legend { 
  font-weight: bold;
  margin: 0 0 10px;
  font-family: Helvetica,sans-serif;
}
.popup label { clear:both; float:left; }
.popup input, .popup select, .popup textarea { float: right; width: 180px; border:1px solid black; }
.popup textarea { height: 110px; }

.form-actions { clear:both; height: 10px; }
.form-cancel { float:left; }
.form-submit { float: right; }
.form-cancel a { 
  font-family: Helvetica,sans-serif;
  font-weight:bold;
  color: black;
  font-size: 9pt;
  padding: 2px 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.form-cancel a:hover { color:red; }
.form-submit input {
  width: 70px;
  height: 21px;
  font-weight:bold;
}



  .a #search-submit { width: 50px; }
  #ctcs_parameters div.a { width:130px; }
  #ctcs_parameters div.b { width:130px; }
 
  #ctcs_activity div.a { width: 84px; text-align: center; }
  #ctcs_address div.a { width:130px; }
  #ctcs_address div.b { width: 60px; text-align: center; }
  #ctcs_address div.c { width: 80px; }
  #ctcs_address div.d { width: 40px; text-align: center; }
  #ctcs_address div.e { width: 40px; text-align: center; } 
  #ctcs_address div.h { width: 607px; }
  #ctcs_telecom div.a { width: 130px; }
  #ctcs_telecom div.b { width: 70px; text-align: center; }
  #ctcs_telecom div.c { width: 80px; }
  #ctcs_telecom div.d { width: 30px; text-align: center; }
  #ctcs_telecom div.e { width: 40px; text-align: center; }
  #ctcs_note div.a, #ctcs_type div.a {width: 290px; }
  #ctcs_address, #ctcs_type/* {width: 40%;}*/

/* Stylesheet */

.grid, .head, .odd, .even, .grid-footer { clear:both; /*  overflow: hidden;*/ }

.odd, .footer-cell { background-color:white; }

.even .a, .even .b, .even .c, .even .d, .even .e, 
.even .f, .even .g, .even .h, .even .i, .even .j,
.even .k, .even .l, .even .m, .even .n, .even .o,
.even .p, .even .q, .even .r, .even .s, .even .t,
.even .u, .even .v, .even .w, .even .x, .even .y,
.even .z,
.even .A01, .even .A02, .even .A03, .even .A04, .even .A05,
.even .A06, .even .A07, .even .A08, .even .A09, .even .A10,
.even .A11, .even .A12, .even .A13, .even .A14, .even .A15,
.even .A16, .even .A17, .even .A18, .even .A19, .even .A20,
.even .A21, .even .A22, .even .A23, .even .A24, .even .A25
{ background-color: #ffffcc; }

.A01, .A02, .A03, .A04, .A05, .A06, .A07, .A08, .A09, .A10,
.A11, .A12, .A13, .A14, .A15, .A16, .A17, .A18, .A19, .A20,
.A21, .A22, .A23, .A24, .A25 {
  width: 150px;
  padding: 0 5px;
}

.A01, .A02, .A03, .A04, .A05, .A06, .A07, .A08, .A09, .A10,
.A11, .A12, .A13, .A14, .A15, .A16, .A17, .A18, .A19, .A20,
.A21, .A22, .A23, .A24, .A25,
.a, .b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o, 
.p, .q, .r, .s, .t, .u, .v, .w, .x, .y, .z, .X, .footer-cell {
  float: left;
  background-color:transparent; 
  border: 1px solid black;
  font-size: 1.0em;
  height: 1.1em;
}

.X { width: 0.7em; text-align: center; font-family: sans-serif; font-weight: bold;}

.grid {
/* margin: 100px auto 0 auto; */
}

.head .A01, .head .A02, .head .A03, .head .A04, .head .A05, 
.head .A06, .head .A07, .head .A08, .head .A09, .head .A10,
.head .A11, .head .A12, .head .A13, .head .A14, .head .A15, 
.head .A16, .head .A17, .head .A18, .head .A19, .head .A20,
.head .A21, .head .A22, .head .A23, .head .A24, .head .A25,
.head .X, .head .a, .head .b, .head .c, .head .d, .head .e,
.head .f, .head .g, .head .h, .head .i, .head .j, .head .k,
.head .l, .head .m, .head .n, .head .o, .head .p, .head .q,
.head .r, .head .s, .head .t, .head .u, .head .v, .head .w,
.head .x, .head .y, .head .z
{
  background-color:#bbbbbb;
  color: #000099;
  text-align: center;
  font-weight: bold;
  font-family:sans-serif;
}

.X a, .X a:link, .X a:visited { color: red; text-decoration:none; }
.X a:hover {color: blue; }
.X a.delete { font-family: Helvetica, sans-serif; font-weight: bold; }

.form div { clear: both; }
.form label { float: left; }
.form input, .form select, .form textarea, .form p.form { float: right; margin: 5px 0 5px 0; width: 200px; }
.form fieldset { border: 1px solid grey; padding: 15px 15px 15px 15px; width: 350px; }
.form legend { color: #00aeff; font-weight: bold; font-size: 1.5em; padding: 0 5px; }

  .a #search-submit { width: 50px; }
  #ctcs_parameters div.a { width:130px; }
  #ctcs_parameters div.b { width:130px; }
 
  #ctcs_activity div.a { width: 84px; text-align: center; }
  #ctcs_address div.a { width:130px; }
  #ctcs_address div.b { width: 60px; text-align: center; }
  #ctcs_address div.c { width: 80px; }
  #ctcs_address div.d { width: 40px; text-align: center; }
  #ctcs_address div.e { width: 40px; text-align: center; } 
  #ctcs_address div.e { width: 90px; }
  #ctcs_telecom div.a { width: 130px; }
  #ctcs_telecom div.b { width: 70px; text-align: center; }
  #ctcs_telecom div.c { width: 80px; }
  #ctcs_telecom div.d { width: 30px; text-align: center; }
  #ctcs_telecom div.e { width: 40px; text-align: center; }
  #ctcs_note div.a, #ctcs_type div.a {width: 290px; }
  /*#ctcs_address, #ctcs_type {width: 40%;}*/

  div#accounts div.head div.A01,
  div#accounts div.even div.A01,
  div#accounts div.odd div.A01 { width: 84px; text-align: center; }
  div#accounts div.head div.A02,
  div#accounts div.even div.A02,
  div#accounts div.odd div.A02 { width: 240px; }
  div#accounts div.head div.A03,
  div#accounts div.even div.A03,
  div#accounts div.odd div.A03 { width: 110px; text-align: center; }
  div#accounts div.head div.A04,
  div#accounts div.even div.A04,
  div#accounts div.odd div.A04 { width: 84px; text-align: center; }
  div#accounts div.head div.A05,
  div#accounts div.even div.A05,
  div#accounts div.odd div.A05 { width: 170px; text-align: center; }
  div#accounts div.footer-cell { width: 773px; }

  /* Stylesheet */

h1 { color: #606060; }

h2 { font-style:italic; font-size: 16pt; margin: 0px 0px 0px 0px;  }

p { color: #404040; }

.content { position:relative; width:100%; top: 0; background-color: transparent; margin: 0px auto 0px auto; padding:0;}

.socialmedia { float:right; width:32px; margin:20px 60px 0px 0px;}

.outer1, .outer2, .outer3 { 
  position:relative; 
  margin: 0 auto 0 auto; 
  /* width:95%; */ 
  background-color: transparent; 
  padding:0px 0px 0px 0px;  
}

.inner1, .inner2, .inner3
{ 
  margin: 0px 0px 0px 0px; 
  border: 1px solid #bbbbbb;
  padding: 7px; 
  z-index: 1;
  /* min-height: 350px; */
}

.inner3 { padding: 0 10px 10px 10px; }

.inner1
{ 
  background-color: #ffffcc;
}

.inner2
{ 
  background-color: #eeeeee; 
}

.wash
{
  background-color:#dddddd; 
  padding:10pxx;
  margin:0 auto;
  /* width: 1000px; */
  height: 580px;
}

#comments-from-others { margin: 10px 0px 0px 0px; }

#secondary
{
  margin:10px 0px 0px 0px;
}

.inner1, .inner2, .inner3, .wash
{
  /* HTML5 CSS3 */
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 1s;
}

.inner1 ul, .inner2 ul { margin: 15px 0px 0px 20px; }

#comments { margin: 20px 0px 0px 0px; }

#footer { background-color: transparent; border-width:0px;  padding-bottom:0px; font: normal 12px Verdana,Arial,sans-serif; margin: 7px 0px 0px 0px; text-align:center; }

/* a { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #bbbbbb; font-style: normal; font-weight: normal; text-decoration: none; color: #333333; } */

a:hover 
{ 
  text-decoration: none; 
  color: #424242; 
}

div#nav1 a:hover 
{ 
  background: #ffff9a;
}

div#nav2 a:hover 
{ 
  background: #bcbbbc;
}

.highlight
{
  color: #711515;
}

.wash a { font-weight: bold; }

/* Menu Across Top - Begin */

#nav2
{
  font: bold 14px Verdana,Arial,sans-serif;
	position: relative;
	left: 0px;
	width:100%;
	margin-top: 0px;
	margin-left: 0px;
	background-color: transparent;
	border-width: 0px;
	color: #003399;
	padding: 0px 0px 0px 0px;
}

ul#tabnav {
font: bold 14px Verdana, Arial,sans-serif;
list-style-type: none;
margin: 0;
padding-bottom: 29px;
padding-left: 20px;
}

ul#tabnav li {
border: 1px solid #bbbbbb;
color: #000000;
float: left;
height: 28px;
margin: 0px 2px 0;
}

div#nav1 ul#tabnav li {
background-color: #ffff9a;
}

div#nav2 ul#tabnav li {
background-color: #bcbbbc;
}

div#nav3 ul#tabnav li {
  background-color: #034303;
}

ul#tabnav a:link, ul#tabnav a:visited {
background-color: transparent;
color: #000099;
display: block;
padding: 4px 10px 7px 10px;
text-decoration: none;
border:none;
}

#nav3 ul#tabnav a:link, 
#nav3 ul#tabnav a:visited {
color: pink;
}

ul#tabnav a:hover {
background-color: #C73C00;
color: #eeeeee;
padding-bottom: 7px;
border:none;
}

#mod1.outer1 li.mod1, 
#mod2.outer1 li.mod2, 
#mod3.outer1 li.mod3, 
#mod4.outer1 li.mod4, 
#mod5.outer1 li.mod5
{
background-color: #ffffcc;
border-bottom: 1px solid #ffffcc;
color: #000000;
}

#tab1.outer2 li.tab1, 
#tab2.outer2 li.tab2, 
#tab3.outer2 li.tab3, 
#tab4.outer2 li.tab4,  
#tab5.outer2 li.tab5,
#tab6.outer2 li.tab6
{
background-color: #eeeeee;
border-bottom: 1px solid #eeeeee;
color: #000000;
}

#mod1.outer1 li.mod1 a:link, 
#mod1.outer1 li.mod1 a:visited, 
#mod2.outer1 li.mod2 a:link, 
#mod2.outer1 li.mod2 a:visited, 
#mod3.outer1 li.mod3 a:link, 
#mod3.outer1 li.mod3 a:visited, 
#mod4.outer1 li.mod4 a:link, 
#mod4.outer1 li.mod4 a:visited, 
#mod5.outer1 li.mod5 a:link, 
#mod5.outer1 li.mod5 a:visited 
{
background-color: #ffffcc;
color: #ff0000;
border:none;
}

#tab1.outer2 li.tab1 a:link, 
#tab1.outer2 li.tab1 a:visited, 
#tab2.outer2 li.tab2 a:link, 
#tab2.outer2 li.tab2 a:visited,
#tab3.outer2 li.tab3 a:link, 
#tab3.outer2 li.tab3 a:visited, 
#tab4.outer2 li.tab4 a:link, 
#tab4.outer2 li.tab4 a:visited, 
#tab5.outer2 li.tab5 a:link, 
#tab5.outer2 li.tab5 a:visited
{
background-color: #eeeeee;
color: #ff0000;
border:none;
}

#sub1.outer3 #nav3 #tabnav li.sub1 a:link,
#sub1.outer3 #nav3 #tabnav li.sub1 a:visited, 
#sub2.outer3 #nav3 #tabnav li.sub2 a:link, 
#sub2.outer3 #nav3 #tabnav li.sub2 a:visited,
#sub3.outer3 #nav3 #tabnav li.sub3 a:link, 
#sub3.outer3 #nav3 #tabnav li.sub3 a:visited,
#sub4.outer3 #nav3 #tabnav li.sub4 a:link, 
#sub4.outer3 #nav3 #tabnav li.sub4 a:visited, 
#sub5.outer3 #nav3 #tabnav li.sub5 a:link, 
#sub5.outer3 #nav3 #tabnav li.sub5 a:visited,
#sub6.outer3 #nav3 #tabnav li.sub6 a:link, 
#sub6.outer3 #nav3 #tabnav li.sub6 a:visited 
{
background-color: #032203;
color: #ffffcc;
border-bottom:1px solid #032203;
}

ul#tabnav li, 
ul#tabnav a:link, 
ul#tabnav a:visited, 
ul#tabnav a:hover, 
#tab1.outer2 li.tab1 a:link, 
#tab1.outer2 li.tab1 a:visited, 
#tab2.outer2 li.tab2 a:link, 
#tab2.outer2 li.tab2 a:visited, 
#tab3.outer2 li.tab3 a:link, 
#tab3.outer2 li.tab3 a:visited, 
#tab4.outer2 li.tab4 a:link, 
#tab4.outer2 li.tab4 a:visited, 
#tab5.outer2 li.tab5 a:link, 
#tab5.outer2 li.tab5 a:visited 
{
/* HTML5 CSS3 */
border-top-left-radius: 7px;
border-top-right-radius: 7px;
/* border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px; */
-moz-transition-property: background-color, color;
-moz-transition-duration: 1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
}

div.solid_circle {
    -moz-border-radius: 12px/12px;
    -webkit-border-radius: 12px 12px;
    border-radius: 12px/12px;
    /* border:solid 3px #f00; */
    width:12px;
    height:12px;
    background-color:red;
    padding: 1px;
    margin: 0 1px 2px 1px;
}
div.solid_circle:hover { background-color:#000099; }

/* Menu Across Top - End */


/* Vertical Menu Down Left-Hand Column - Begin */

.LHMenu
{
  position:relative; 
  float:left; 
  width:  17%; 
  padding:0px 0px 0px 0px; 
  background-color:transparent;
  z-index: 5;
}

#cssChooser
{
  margin: 0px 0px 40px 0px;
}

.showcase
{
  font-family: Verdana, Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  line-height: 16pt;
}

#no_theme { margin:0px 0px 80px 0px; }

#navLH 
{
  width: 100%;
  font: bold 14px Verdana,Arial,sans-serif;
  z-index:5;
}

#navLH ul {
list-style: none;
margin: 0;
padding: 0;
}

#navLH li {
margin: 5px 0px 5px 0px;
}

#navLH li a:link, #navLH li a:visited 
{
display: block;
padding: 5px 5px 5px 0.5em;
border: 1px solid #bbbbbb;
background-color: #bcbbbc;
color: #000000;
text-decoration: none;
}

#navLH li a:hover {
background-color: #711515;
color: #eeeeee;
}

/*
#navLH ul ul {
margin-left: 12px;
}

#navLH ul ul li {
border-bottom: 1px solid #bbbbbb;
margin:0;
}

#navLH ul ul a:link, #navLH ul ul a:visited {
background-color: #ED9F9F;
color: #711515;
}

#navLH ul ul a:hover {
background-color: #711515;
color: #eeeeee;
}
*/

#LHtab1.LHMenu li.LHtab1 a:link, #LHtab1.LHMenu li.LHtab1 a:visited, #LHtab2.LHMenu li.LHtab2 a:link, #LHtab2.LHMenu li.LHtab2 a:visited, #LHtab3.LHMenu li.LHtab3 a:link, #LHtab3.LHMenu li.LHtab3 a:visited, #LHtab4.LHMenu li.LHtab4 a:link, #LHtab4.LHMenu li.LHtab4 a:visited, #LHtab5.LHMenu li.LHtab5 a:link, #LHtab5.LHMenu li.LHtab5 a:visited
{
  background-color: #eeeeee;
  border-right-color: #eeeeee;
  border-width: 1px; 
  border-style: solid; 
  border-top-color: #bbbbbb;
  border-bottom-color: #bbbbbb;
  border-left-color: #bbbbbb;
  z-index:5;
  color: #000000;
}

#navLH li a:link, 
#navLH li a:visited, 
#LHtab1.LHMenu li.LHtab1 a:link, 
#LHtab1.LHMenu li.LHtab1 a:visited, 
#LHtab2.LHMenu li.LHtab2 a:link, 
#LHtab2.LHMenu li.LHtab2 a:visited, 
#LHtab3.LHMenu li.LHtab3 a:link, 
#LHtab3.LHMenu li.LHtab3 a:visited, 
#LHtab4.LHMenu li.LHtab4 a:link, 
#LHtab4.LHMenu li.LHtab4 a:visited, 
#LHtab5.LHMenu li.LHtab5 a:link, 
#LHtab5.LHMenu li.LHtab5 a:visited
{
/* HTML5 CSS3 */
border-top-left-radius: 7px;
/* border-top-right-radius: 7px; */
border-bottom-left-radius: 7px;
/* border-bottom-right-radius: 7px; */
-moz-transition-property: background-color, color;
-moz-transition-duration: 1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
}

/* Vertical Menu Down Right-Hand Column - Begin */

.RHMenu
{
  position:relative; 
  text-align:center;
  float:right; 
  width:  17.2%;
  padding:50px 0px 0px 0px; 
  background-color:transparent;
  z-index:5;
}

#navRH 
{
  width: 100%;
  font: bold 14px Verdana,Arial,sans-serif;
  z-index:5;
}

#navRH ul {
list-style: none;
margin: 0;
padding: 0;
}

#navRH li {
margin: 5px 0px 5px 0px;
}

#navRH li a:link, #navRH li a:visited {
display: block;
padding: 5px 5px 5px 0.5em;
border: 1px solid #bbbbbb;
background-color: #bcbbbc;
color: #000000;
text-decoration: none;
}

#navRH li a:hover {
background-color: #711515;
color: #eeeeee;
}

#RHtab1.RHMenu li.RHtab1 a:link,
#RHtab1.RHMenu li.RHtab3 a:visited,
#RHtab2.RHMenu li.RHtab2 a:link,
#RHtab2.RHMenu li.RHtab2 a:visited,
#RHtab3.RHMenu li.RHtab3 a:link,
#RHtab3.RHMenu li.RHtab3 a:visited,
#RHtab4.RHMenu li.RHtab4 a:link,
#RHtab4.RHMenu li.RHtab4 a:visited
{
  background-color: #eeeeee;
  border-left-color: #eeeeee;
  border-width: 1px; 
  border-style: solid; 
  border-top-color: #bbbbbb;
  border-bottom-color: #bbbbbb;
  border-right-color: #bbbbbb;
  z-index:5;
  color: #000000;
}

#navRH li a:link, 
#navRH li a:visited,
#RHtab1.RHMenu li.RHtab1 a:link,
#RHtab1.RHMenu li.RHtab3 a:visited,
#RHtab2.RHMenu li.RHtab2 a:link,
#RHtab2.RHMenu li.RHtab2 a:visited,
#RHtab3.RHMenu li.RHtab3 a:link,
#RHtab3.RHMenu li.RHtab3 a:visited,
#RHtab4.RHMenu li.RHtab4 a:link,
#RHtab4.RHMenu li.RHtab4 a:visited
{
/* HTML5 CSS3 */
/* border-top-left-radius: 7px; */
border-top-right-radius: 7px;
/* border-bottom-left-radius: 7px; */
border-bottom-right-radius: 7px;
-moz-transition-property: background-color, color;
-moz-transition-duration: 1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s;
-o-transition-property: background-color, color;
-o-transition-duration: 1s;
}

#categories
{
  font: bold 12px Verdana,Arial,sans-serif;
}

/* Comments */

.comments fieldset { background-color:#dddddd; margin:10px 0px 0px 0px; padding: 5px 20px 20px 20px; border: 1px solid #bbbbbb; }

.comments legend
{
  background-color: #bcbbbc;
  border: 1px solid #bbbbbb;
  color: #000000;
  display: block;
  padding: 5px 5px 5px 0.5em;
  font: normal 14px Verdana,Arial,sans-serif;
  text-decoration: none;
}

.comments fieldset, .comments legend
{ 
  /* HTML5 CSS3 */
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-transition-property: background-color, color;
  -moz-transition-duration:7px;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 1s;
}

.comments label { text-align:left; font-weight:bold; display:block; margin: 10px 0px 0px 0px;  }

.comments input { border: 1px solid #bbbbbb; padding: 2px 2px 2px 5px; }

.comments input, .comments label { width:30%; }

.comments input, .comments textarea { margin: 10px 0px 0px 0px; }

.comments textarea { width:97%; }

.comments textarea { height: 100px; padding: 5px;  }

.comments .required { color:red; font-weight: bold; }

.comments input#reset, .comments input#preview, .comments input#submit { margin-top:10px; width:50px; background-color: #bcbbbc; }

.comments input#reset { float:left; margin-left: 60%; }

.comments input#preview { margin-right: 10px; margin-left: 30px; }

.comments input#submit { float:right; }

#inputLeft { float:left; }

#inputRight { float:right; }

#inputCenter { margin:0px 20px 0px 20px; }

/* Responsive Styles */

.grid, .head, .odd, .even, .grid-footer { clear:both; /*  overflow: hidden;*/ }

.odd, .footer-cell { background-color:white; }

.even .a, .even .b, .even .c, .even .d, .even .e, 
.even .f, .even .g, .even .h, .even .i, .even .j,
.even .k, .even .l, .even .m, .even .n, .even .o,
.even .p, .even .q, .even .r, .even .s, .even .t,
.even .u, .even .v, .even .w, .even .x, .even .y,
.even .z
{ background-color: #ffffcc; }

.a, .b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o, .p, .q, .r, .s, .t, .u, .v, .w, .x, .y, .z, .X, .footer-cell {
float: left;
background-color:transparent; 
border: 1px solid black;
font-size: 1.0em;
height: 1.1em;
}

.X { width: 0.7em; text-align: center; font-family: sans-serif; font-weight: bold;}

.grid {
/* margin: 100px auto 0 auto; */
}

.head .X, .head .a, .head .b, .head .c, .head .d, .head .e,
.head .f, .head .g, .head .h, .head .i, .head .j, .head .k,
.head .l, .head .m, .head .n, .head .o, .head .p, .head .q,
.head .r, .head .s, .head .t, .head .u, .head .v, .head .w,
.head .x, .head .y, .head .z
 {
background-color:#bbbbbb;
color: #000099;
text-align: center;
font-weight: bold;
font-family:sans-serif;
}

.X a, .X a:link, .X a:visited { color: red; text-decoration:none; }
.X a:hover {color: blue; }
.X a.delete { font-family: Helvetica, sans-serif; font-weight: bold; }

.form div { clear: both; }
.form label { float: left; }
.form input, .form select, .form textarea, .form p.form { float: right; margin: 5px 0 5px 0; width: 200px; }
.form fieldset { border: 1px solid grey; padding: 15px 15px 15px 15px; width: 350px; }
.form legend { color: #00aeff; font-weight: bold; font-size: 1.5em; padding: 0 5px; }

@media only screen and (min-width: 1700px) {

  div#wrap {
    padding: 7px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    width: 1050px;
  }

  div#outer {
    padding: 0 0 10px 0;
  }

  .container { width: 1700px; }
  .grid { width: 1652px; }

  .head .a, .odd .a, .even .a,
  .head .b, .odd .b, .even .b,
  .head .c, .odd .c, .even .c,
  .head .d, .odd .d, .even .d,
  .head .e, .odd .e, .even .e,
  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j {
    visibility: visible; width: 150px;
    padding: 0 5px; 
  }

  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z 
  {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  .footer-cell { width: 1000px; }
  #cms .footer-cell { width: 1064px; }
  #contacts .footer-cell { width: 1214px; }
  .longtext {visibility: visible; overflow: visible; float: left; }
  .shorttext {visibility: hidden;}

}

@media only screen and (min-width: 1180px) and (max-width: 1700px) {

  div#wrap {
    padding: 6px 7px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    width: 1050px;
  }

  div#outer {
    padding: 0 0 10px 0;
  }

  .grid { }

  .head .a, .odd .a, .even .a,
  .head .b, .odd .b, .even .b,
  .head .c, .odd .c, .even .c,
  .head .d, .odd .d, .even .d,
  .head .e, .odd .e, .even .e { 
    visibility: visible; width: 150px;
    padding: 0 5px; 
  }

  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j,
  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  #tab1 .wash { width: 720px; }
  #cms_pages div.a { width: 960px; }
  .a #search-field { width: 900px; }
  div#cms_pages { margin: 15px auto 55px auto; width: 1000px; }
  #cms_pages .footer-cell { width: 998px; height: 20px; }
  #cms_pages div#footer-nav-controls { float: left; line-height: 14px; padding: 2px 5px 0 5px; width: 400px; } 
  #cms_pages div#footer-nav-controls span { font-size: 16px; } 
  div#foot-spacer { width: 324px; float: left; height: 12px; } 
  #cms_pages div.X a { font-size: 16px; } 

  #ctcs_parameters .footer-cell { width: 308px; }
  #ctcs_activity .footer-cell { width: 444px; }
  #ctcs_address .head .h, 
  #ctcs_address .odd .h, 
  #ctcs_address .even .h { 
    visibility: visible; 
    overflow: visible; 
    float: left; 
    width: 448px;
    border: 1px solid black;
    padding: 0 5px;
  }
  #ctcs_address .footer-cell { 
    width: 474px; 
    background-color: #bababa;
    padding: 0 5px;
  }
  #ctcs_mtm-org .footer-cell { width: 348px; }
  #ctcs_telecom .footer-cell { width: 340px; }
  #ctcs_type .footer-cell { width: 326px; }
  #contacts .footer-cell { width: 764px; }
  .longtext {visibility: visible; overflow: visible; float: left;}
  .shorttext {visibility: hidden;}
  #tab1 .wash { width: 100%; }

}

@media only screen and (min-width: 860px) and (max-width: 1180px) {

  div#wrap {
    padding: 6px 7px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    width: 725px;
  }

  div#outer {
    padding: 0 0 10px 0;
  }

  .grid { }

  .head .a, .odd .a, .even .a,
  .head .b, .odd .b, .even .b,
  .head .c, .odd .c, .even .c,
  .head .d, .odd .d, .even .d,
  .head .e, .odd .e, .even .e { 
    visibility: visible; width: 150px;
    padding: 0 5px; 
  }

  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j,
  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  #tab1 .wash { width: 720px; }
  #cms_pages div.a {width: 640px;}
  #cms_pages .footer-cell { width: 676px; }
  #ctcs_parameters .footer-cell { width: 479px; }
  #ctcs_activity .footer-cell { width: 444px; }
  #ctcs_address .footer-cell { width: 308px; }
  #ctcs_mtm-org .footer-cell { width: 348px; }
  #ctcs_telecom .footer-cell { width: 340px; }
  #ctcs_type .footer-cell { width: 326px; }
  #contacts .footer-cell { width: 764px; }
  .longtext {visibility: visible; overflow: visible; float: left;}
  .shorttext {visibility: hidden;}
  #tab1 .wash { width: 100%; }

}

@media only screen and (min-width:700px) and (max-width: 860px) {

  div#wrap {
    padding: 6px 7px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    width: 630px;
  }

  div#outer {
    padding: 0 0 10px 0;
  }

  .grid { width: 680px; }

  .head .a, .odd .a, .even .a,
  .head .b, .odd .b, .even .b,
  .head .c, .odd .c, .even .c,
  .head .d, .odd .d, .even .d { 
    visibility: visible; 
    width: 150px;
    padding: 0 5px; 
  }

  .head .e, .odd .e, .even .e,
  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j,
  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  #tab1 .wash {width:600px;}
  .footer-cell { width: 614px }
  #cms_pages .a { width:545px; }
  #cms_pages .footer-cell { width:994px; }
  #contacts .footer-cell { width: 614px; }
  .longtext {visibility: visible; overflow: visible; float: left; }
  .shorttext {visibility: hidden;}

}

@media only screen and (min-width:540px) and (max-width: 700px) {
 
  #welcome {
    visibility: hidden;
    display:none;
  }

  div#wrap {
    padding: 6px 7px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    width: 460px;
  }

  div#outer {
    padding: 0 0 10px 0;
  }

  .grid { width: 520px; }

  .head .a, .odd .a, .even .a,
  .head .b, .odd .b, .even .b,
  .head .c, .odd .c, .even .c { 
    visibility: visible; 
    width: 150px;
    padding: 0 5px; 
  }

  .head .d, .odd .d, .even .d,
  .head .e, .odd .e, .even .e,
  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j,
  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  #tab1 .wash {width: 370px; }
  .footer-cell {width: 314px; }
  #cms_pages div.a {width: 300px;}
  #cms_pages .footer-cell { width: 336px; }
  #contacts .footer-cell { width:464px; }
  .longtext {visibility: visible; overflow: visible; float: left; }
  .shorttext {visibility: hidden;}

}

@media only screen and (min-width:460px) and (max-width: 540px) {
  
  #welcome {
    visibility: hidden;
    display:none;
  }

  div#wrap {
    padding: 6px 7px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    width: 280px;
  }

  div#outer {
    padding: 0 0 10px 0;
  }

  .grid { width: 356px; }

  .head .a, .odd .a, .even .a,
  .head .b, .odd .b, .even .b {
    visibility: visible; 
    width: 150px;
    padding: 0 5px; 
  }

  .head .c, .odd .c, .even .c,
  .head .d, .odd .d, .even .d,
  .head .e, .odd .e, .even .e,
  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j,
  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  #tab1 .wash {width: 250px;}
  .footer-cell { width:314px; }
  #cms_pages div.a {width:195px;}
  #cms_pages .footer-cell { width: 230px; }
  #contacts .footer-cell { width:314px; }
  #tab_person { visibility: hidden; }
  #content_wrap {float:left;}
  .longtext {visibility: hidden; }
  .shorttext {visibility: visible;}

}

@media only screen and (max-width: 460px) {

  .outer2 { width:0; } 
  .RHMenu { visibility:hidden; }  
  .content { margin: 0; padding: 0; width: 0;  }
  .inner1, .inner2, .inner3 { padding: 0; }

  .grid { width: 194px; }

  .head .a, .odd .a, .even .a { 
    visibility: visible; 
    width: 150px;
    padding: 0 5px; 
  }

  .head .b, .odd .b, .even .b,
  .head .c, .odd .c, .even .c,
  .head .d, .odd .d, .even .d,
  .head .e, .odd .e, .even .e,
  .head .f, .odd .f, .even .f,
  .head .g, .odd .g, .even .g,
  .head .h, .odd .h, .even .h,
  .head .i, .odd .i, .even .i,
  .head .j, .odd .j, .even .j,
  .head .k, .odd .k, .even .k,
  .head .l, .odd .l, .even .l,
  .head .m, .odd .m, .even .m,
  .head .n, .odd .n, .even .n,
  .head .o, .odd .o, .even .o,
  .head .p, .odd .p, .even .p,
  .head .q, .odd .q, .even .q,
  .head .r, .odd .r, .even .r,
  .head .s, .odd .s, .even .s,
  .head .t, .odd .t, .even .t,
  .head .u, .odd .u, .even .u,
  .head .v, .odd .v, .even .v,
  .head .w, .odd .w, .even .w,
  .head .x, .odd .x, .even .x,
  .head .y, .odd .y, .even .y,
  .head .z, .odd .z, .even .z {
    visibility: hidden; 
    width: 0;
    padding: 0;
    border: 0; 
  }

  .footer-cell { width: 164px; }
  #contacts .footer-cell { width:164px; }
  #tab_person {visibility: hidden;}
  #tab_organization {visibility: hidden;}
  #tab_contacts {visibility: hidden;}
  #tab_out_other {visibility: hidden;}
  #content_wrap {width: 300px; float:left;}
  .longtext {visibility: hidden; }
  .shorttext {visibility: visible;}

  .a, .b, .c, .d, .e, .f, .g, .h, .i, 
  .j, .k, .l, .m, .n, .o, .p, .q, .r, 
  .s, .t, .u, .v, .w, .x, .y, .z, .X, 
  .footer-cell {  font-size: 1.8em; }

  #welcome {
    visibility: hidden;
    display:none;
  }
 
  #outer, #wrap,
  .inner1, .inner2, .inner3 {
    padding:0;
    margin:0;
    border:0;
    width:100%;
  }

  #content_wrap { float: left; width: 400px; }

  #content_wrap,
  #cms_pages {
    /* visibility: visible;*/
    /* display: block;*/
  }

  .head .a, .odd .a, .even .a {
    padding: 0 5px;
    visibility: visible;
    display: inline;
    width: 300px;
  }

}

/* end of media section */
/*
These are the css files that were removed from web_head and replaced with this MySQL data:
<link rel='stylesheet' type='text/css' href='kms/view/css/crud-styles.css' />
<link rel='stylesheet' type='text/css' href='kms/view/css/popup.css' />
<link rel='stylesheet' type='text/css' href='kms/view/css/responsive-grid.css' />
<link rel='stylesheet' type='text/css' href='kms/controller/stylesheet.php' />
*/