@charset "UTF-8";


h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}






* {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin: 0; padding: 0;
  position: relative;
  outline: none;
  resize: none;
}

html, body {
  position: absolute;
  min-width:400px;
  width: 100%;
  maxwidth: 400px;
  height: 100%;
}

.clear { clear: both; }
/* Cleafix */
.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after { clear:both; }
.cf { zoom:1; }

.mobile {
	display:block;
}

.no-mobile {
	display:none;
}

/*Mobile App*/

#app-back{
  display: block !important;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px; left: 5%;
  background: transparent url(../images/app-back.png) no-repeat center left;
}

#app-back:active{
  background: transparent url(../images/app-back-active.png) no-repeat center left;
}


#app-menu{
  display: block;
  position: absolute;
  width: 20px;
  height: 40px;
  top: 10px; left: 90%;
  background: transparent url(../images/app-menu.png) no-repeat center left;
  z-index:50;
}

#app-menu:active{
  background: transparent url(../images/app-menu-active.png) no-repeat center left;
}

#app-menu-div{
	position:absolute;
	top:100%;
	left:59%;
	float:right;
	width:auto;
	height:auto;
	background: rgba(0, 90, 153, 0.9);
	margin-right:5px;
	z-index:5;
	-webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 1);
	
}

.app-menu-hide{display:none;}

ul.app-nav {   
 	z-index:1;
 	width:117px;
 	   
}  

    
ul.app-nav li {  
	list-style:none;
	width:117px;
	padding:0px 3px;
}  

ul.app-nav li a {
    color:#000000;  
    padding:8px 10px ;
    text-decoration:none;   
    text-transform:uppercase;
    float:left;
    width:117px;
}  
ul.app-nav li a:hover {  
    background: rgba(0, 79, 153, 1);
    width:117px;
}  
ul.app-nav li a:active { 
    background: rgba(0, 79, 153, 1);
    width:117px;
}
#db-mobile{
	height:100%;
	margin-bottom:5px;
	
}

.app-tabs {  
	margin:15px 15px;
 	padding:0px;  
 	z-index:1;
 	height:100%;
 	   
}  

    
.app-tabs li {  
	list-style:none;
	text-align: center;
	margin: 0px auto 0px auto;
}  

ul.app-tabs li a {  
    background-color:#E6EEFD; 
    color:#000000;  
    margin:5px 2px;
    padding:15px 14px ;
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;  
    width:90%; 
    float:left;
    
    -webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
 	border-radius: 3px;
}  
ul.app-tabs li a:hover {  
    background-color:#BED3FD;
    width:90%;
}  
ul.app-tabs li a:active {  
    background-color:#BED3FD;  
    color:#282e32;
    width:90%;
}
input.searchbtn {
	margin:0px;
	position:absolute;
	top:33%;
	left:85%;
	height:33px;
	
}

#search {display:none;}

#app-login-btn {
	
	width:50%;
	left:23%;
	background-color:#005a99;
	color:#fff;
	height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin: 15px 5px;
  border-radius:3px;
  border: 0 ;	
}

#app-login-btn:hover {
	background-color: #0080FF;	
}

#app-login-btn:active {
	background-color: #0080FF;	
}

 #app-load {
 background:url(../img/body_bg.jpg) repeat-x top left;
 width:100%;
 height:100%;
 
  text-transform:uppercase;
  color:#fff;
  
 }
 
 #retry {
	background-color:#005a99;
	color:#fff;
	height: 50px;
	width:100px;
	padding: 10 15px;
	margin: auto 5px;
	border-radius:2px;
	border: 0 ;
	top:-120px;
	text-decoration:none;
  
 }

 #retry:hover {
	background-color: #0080FF;	
}

#retry:active {
	background-color: #0080FF;	
}
 
 
 #loadLogo{
	width:64px;
	height:64px;
	text-decoration:none;
	position: absolute;
	top:20%;
	background: transparent url(../img/icon.png) no-repeat center center;
	left:40%;
	
 }
 
 #blur{
 width:64px;
 height:64px;
 color:#fff;
 background-color:#0000;
 -webkit-box-shadow: 0px 0px 77px -1px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 77px -1px rgba(255,255,255,1);
box-shadow: 0px 0px 77px -1px rgba(255,255,255,1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
top:20%;
left:40%;
 }
  
 #app-footer{
 
   text-transform:uppercase;
 }
 
 #connect{position:absolute; top:37%; width:100%;}
 
 #connection{position:absolute; top:40%; width:100%;}

/*Mobile App*/




/* ** Background */
body {

  background: #F2F2F2 url(../images/body_bg.jpg) repeat-x top left;
  text-align: center;
  font: 12px/1.3 Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Grande" ;
  color: #333;
  
  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    height:100%;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
    width:100%;
  	maxwidth: 400px;
  
}

#header-bg {
  position: absolute;
  margin: 0 0 0 0;
  width: 100%;
  height: 428px;
  z-index: 1;
  background: url(../images/header_bg.jpg) no-repeat;
  top: 0; left: 0px;
}

#content {
  width: 100%;
}

.align-top {
	vertical-align: top;
}

.keep-distance {
	margin: 0 10px 10px 10px;
	border: 0;
}

/* Background ** */

ul, li { padding: 0; list-style-type: none; }
a { color: #0071BC; text-decoration: underline; }
a:hover { text-decoration: none; }

table * { position: static; }
.float-right { float: right; }
.float-left { float: left; }
.t-center { text-align: center !important; }
.t-center-force { text-align: center !important; margin-left: auto; margin-right: auto; }
.t-right { text-align: right !important; }
.mono { font-family: Arial, "Courier New", monospace; font-size: 10px; }


h1, h2, h3, h4, h5, p {
  margin: 0; padding: 0; border: 0;
}

h1 {
  font-weight: bold;
  font-size: 22px;
  color: #0071BC;
  padding: 20px 20px 0;
}

h2 {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  padding: 30px 0 10px 20px;
}

strong { font-weight: bold; }
.top-label { font-size: 12px; margin-bottom: 5px; }
.top-label-sec  { font-size: 12px; margin-bottom: 5px; margin-top: 5px; padding-left: 30px; }

input.text-s, input.text-m, input.text-l, input.text-xl, input.text-xxl {
  position: static;
  height: 20px;
  padding: 5px 3px 5px;
  border: 1px solid #C8DBFD;
  color: #aaa;
}

input.text-s:focus, input.text-m:focus, input.text-l:focus, input.text-xl:focus, input.text-xxl:focus {
  color: #333;
}

input.text-s { width: 44px; }
input.text-m { width: 94px; }
input.text-m-120 { width: 114px; }
input.text-l { width: 144px; }
input.text-xl { width: 219px; }
input.text-xl-150 { width: 144px; }
input.text-xxl { width: 269px; }




.btn, .ico {
  display: inline-block;
  padding: 0; margin: 0;
  vertical-align: baseline;
  text-align:center;
  color: #fff; text-decoration: none;
  cursor:pointer;
}

.btng, .btnw, .btnbr {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin: 5px;
  background: #4C924A url(../images/btng_bg.gif) repeat-x top left;
  border-radius:30px;
} .btng:hover { background: #85C02D; }
  .btng:active { background: #4C924A; }
  .btnbr:hover { background: #ff6666; }

.btnw { color: #ED1C24; }

.btnr, .btnbr { background: #ff0000; }
.btnr:hover { background: #ff4444; }
.btnr:active { background: #ff4444; }

.btny { background: #ff8000; }
.btny:hover { background: #ffa000; }
.btny:active { background: #ffa000; }

.btnfr {
	float: right;
}

.btnnb {
	border: 0;
}

.ico {
  height: 20px;
  width: 20px;
  padding: 0; margin: 0;
  margin-right: 3px;
}
.ico span {
  display: inline-block;
  width: 20px; height: 20px;
}

.btnb { /* blue gradient */
  background: #005C99 url(../images/btnb_bg.gif) repeat-x top left;
} .btnb:hover { background: #0071BC; }
  .btnb:active { background: #005C99; }

.btnw { /* white gradient */
  background: #CCCCCC url(../images/btnw_bg.gif) repeat-x top left;
} .btnw:hover { background: #F2F2F2; }
  .btnw:active { background: #CCCCCC; }

.btnpr { /* plain red */
  background: #ED1C24;
}
.btnpg { /* plain green */
  background: #4C924A;
}
.btnpy { /* plain yellow */
  background: #F0AE00;
}

.ico-info span { background: transparent url(../images/ico_info.png) no-repeat center center; }
.ico-edit span { background: transparent url(../images/ico_edit.png) no-repeat center center; }
.ico-deluser span { background: transparent url(../images/ico_deluser.png) no-repeat center center; }
.ico-err span { background: transparent url(../images/ico_err.png) no-repeat center center; }
.ico-ok span { background: transparent url(../images/ico_ok.png) no-repeat center center; }
.ico-pend span { background: transparent url(../images/ico_pend.png) no-repeat center center; }
.ico-add span { background: transparent url(../images/ico_add.png) no-repeat center center; }
.ico-del span { background: transparent url(../images/ico_err.png) no-repeat center center; }

.ico-reset-err span { background: transparent url(../images/ico_reset_err.png) no-repeat center center; }
.ico-reset-ok span { background: transparent url(../images/ico_reset_ok.png) no-repeat center center; }
.ico-reset-pend span { background: transparent url(../images/ico_reset_pend.png) no-repeat center center; }

/* ** pagers and alphabets */
.alphabet li, .pager li {
  display: block;
  float: left;
  margin-right: 2px;
  text-align: center;
  line-height: 30px;
} 

.pager li a, .alphabet li a {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  width: 22px;
  height: 22px;
}

.pager li a:hover,
.alphabet li a:hover { background-color: #BED3FD; }

.p-arrow-left {
  background: url(../images/pager_arrow_l.gif) no-repeat top left;
}
.p-arrow-right {
  background: url(../images/pager_arrow_r.gif) no-repeat top left;  
}

.pager li.active a {
  font-weight: bold;
  cursor: default;
  text-decoration: none;
} .pager li.active a:hover { background-color: transparent; }

.pager input { margin-left: 10px; }
/* pagers and alphabets ** */

#nav-bg {
  position: fixed;
  top: 0; left: 0;
  z-index: 2;
  width: 100%;
  maxwidth: 400px;
  height: 60px;
  background: rgba(0,0,0,0.2); 
}

#nav {
  margin:0px;
  width: 100%;
  maxwidth: 400px;
  height: 60px;
  z-index: 2;
  text-align: left;
  top:0px;
  left:0px;
  position:fixed;
} #nav a { color: #fff; text-decoration: none; }
  #nav a:hover { text-decoration: none; }
  
#logo {
  display: block;
  position: absolute;
  width: 94px;
  height: 40px;
  top: 10px; left: 37%;
  background: transparent url(../images/catv_logo.png) no-repeat center left;
}





#main-menu {
  position: absolute !important;
  left: 150px;
  top: 0;
  display: none;
  padding: 0;
  height: 60px;
  list-style-type: none;
}

.sub-menu {
  display: block;
  padding: 0; margin: 0;
  background-color: #F2F7FF;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#main-menu li {
  margin: 0 5px; padding: 0;
  display: block;
  float: left;
  height: 60px
  text-align: center;
}

.sub-menu li {
  margin: 0 0 0 15px; padding: 0;
  display: block;
  float: left;
  height: 45px;
}

#main-menu li a {
  padding: 0 10px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
} #main-menu li a:hover { text-decoration: underline; }

.sub-menu li a {
  padding: 0 10px;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  text-decoration: underline;
  color: #4C924A;
} .sub-menu li a:hover { text-decoration: none; }

#main-menu li.active a {
  background-color: #014A7E;
  font-weight: bold;
  cursor: default;
} #main-menu li.active a:hover { text-decoration: none; }

#main-menu li.active_click a {
  background-color: #014A7E;
  font-weight: bold;
} #main-menu li.active a:hover { text-decoration: none; }

.sub-menu li.active a {
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

#login {
  position: absolute;
  top: 0; right: 0;
  height: 60px;
  padding: 0 15px;
  background: transparent url(../images/login_bg.png) no-repeat top center;
}

#login a, #login span {
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  line-height: 60px;
  padding: 0 5px;
} #login a:hover { text-decoration: underline; }

#login .sep { color: #ffffff; color: rgba(255,255,255,0.2); display:none;}

.sep {display:none;}

/* ** Wrapper and popup */
.popup-bg {
  display: none;
  position: absolute;
  background: url(../images/opacity_50.gif) repeat top left;
  z-index: 50;
  overflow: auto;
}
.popup { display: none; }

#wrapper-outer {
  min-height: 300px;
  _height: 100%;
  z-index: 1;
  padding:0px;
  margin:0px auto;
}

#wrapper, .popup {
  width: 97%;
  max-width: 360px;
  top: 70px;
  background-color: #FAFAFA;
  text-align: left;
  -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 52px;
  border-radius: 5px;
  margin:0px auto;
}

.popup {
  width: 90%;
  position: absolute;
  z-index: 101;
  -webkit-box-shadow: 0px 0px 15px #4d4d4d;
  -moz-box-shadow: 0px 0px 20px #4d4d4d;
}
/**/
.tab-content {
	padding: 20px;
	font-size: 1.2em;
}

.tab-container {
	border: 0;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;	
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background-color: #e0e0e0;
}

ul.tabs li.f-tab-error {
	background-color: #FFDFDF;
}


ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}

ul.tabs li a:hover {
	background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}


.tabbed_area {  
/* 	border:1px solid #494e52;   */
/* 	background-color:#636d76;   */
	padding:8px;      
}  
/*
ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:6px;  
}  

    
ul.tabs li {  
	list-style:none;  
	display:inline;  
}  

ul.tabs li a {  
    background-color:#00386A;  
    color:white;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;  
    border:1px solid #00386A;   
}  
ul.tabs li a:hover {  
    background-color:#00588A;
    border-color:#2f343a;
}  
ul.tabs li a.active {  
    background-color:#E6EEFD;  
    color:#282e32;  
    border:1px solid #464c54;   
    border-bottom: 1px solid #ffffff;  
}

*/

/* Hibabejelentő fülek */

ul.tabs-2 {  
	margin:5px 1px;
 	padding:0px;  
 	z-index:1;
 	   
}  

    
ul.tabs-2 li {  
	list-style:none;
	display:inline;  
}  

ul.tabs-2 li a {  
    background-color:#E6EEFD; 
    color:#000000;  
    padding:8px 14px ;  
    margin-right:-1px;
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;  
    border:1px solid #ffffff;  
    width:110px; 
    float:right;
}  
ul.tabs-2 li a:hover {  
    background-color:#BED3FD;
    width:120px; 
    margin-right:-2px;
    border-color:gray;
    border-right:none;;
}  
ul.tabs-2 li a:active {  
    background-color:#E6EEFD;  
    color:#282e32;  
    border:1px solid #464c54;  
    width:120px;    
}


/* Hibabejelentő fülek  */

.linkb{
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.linkb:hover {
	/* background-color:#C8DBFD;  */
}

.tabcontent {  
	background-color:#ffffff;  
	padding:10px;
	border: 0;  
	border-top:1px solid #464c54;
	display:none;
}  
    
.tabcontent ul {  
    margin:0px;  
    padding:0px 20px 0px 20px;  
}  
.tabcontent ul li {  
    list-style:none;  
    border-bottom:1px solid #d6dde0;  
    padding-top:15px;  
    padding-bottom:15px;  
    font-size:13px;  
}  
.tabcontent ul li a {  
    text-decoration:none;  
    color:#3e4346;  
}  
.tabcontent ul li a small {  
    color:#8b959c;  
    font-size:9px;  
    text-transform:uppercase;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    position:relative;  
    left:4px;  
    top:0px;  
}  



#wrapper-top, .popup-top {
	
  min-height: 80px;
  _height: 80px;
  background: #E6EEFD;
  z-index: 6;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
} .popup-top {
  z-index: 102; padding: 20px;
  min-height: 0; _height: auto;
}

#popup-common {width:100%;}

#wrapper-bottom, .popup-bottom {
  min-height: 80px;
  _height: 80px;
  background: #E6EEFD;
  z-index: 6;
  -moz-border-radius-bottomleft: 16px;
  -moz-border-radius-bottomright: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top: 3px solid #BED3FD;
} .popup-bottom {
  z-index: 102; padding: 20px;
  min-height: 0; _height: auto;
}

#wrapper-top .float-right {
  margin: 20px 20px 0 0;
  z-index: 10;
}

#wrapper-top #top-form .float-right {
  margin: 0;
}

#top-form, #bottom-form {
  margin: 0;
  padding: 20px 20px 10px;
  z-index: 7;
  vertical-align: baseline;
} #bottom-form { width: 90%; }

#bottom-form .btn { vertical-align: top; }

#top-form .alphabet, #bottom-form .pager {
  margin: 5px 0 10px 5px;
  list-style-type: none;
}

#quickSearchForm {
  margin: 0;
  padding: 20px 20px 10px;
  vertical-align: baseline;
  list-style-type: none;
}

#top-form .alphabet { display: block; }
#bottom-form .pager {}

/* Wrapper and popup ** */


/*Popup*/
#profile-popup-content{
	padding: 5px; 
	margin: 0 3% 0 3%; 
	border: 0px solid gray; 
	width: 95%; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-khtml-border-radius: 0px; 
	border-radius: 0px;
}

/*Popup*/


/* ** Forming */
.form {}
.form li { clear: both; padding: 10px 5px; }
.popup-top .form li { padding: 0; }

.text-50 { width: 44px; }
.text-100 { width: 94px; }
.text-130 { width: 124px; }
.text-150 { width: 144px; }
.text-190 { width: 184px; }
.text-250 { width: 234px; }
.text-500 { width: 484px; }
.text-big { font-size: 18px; height: 35px !important; }

.sel-50  { width:  50px; }
.sel-60  { width:  60px; }
.sel-80  { width:  80px; }
.sel-90  { width:  90px; }
.sel-100 { width:  100px; }
.sel-130 { width: 130px; }
.sel-150 { width: 150px; }
.sel-190 { width: 190px; }
.sel-210 { width: 210px; }

.fg {
  float: left;
  margin: 0 10px 10px 0;
}

.popup-top .fg { margin-bottom: 0; }
.popup-top .form { padding: 0; }

.fg input {
  border: 0; padding: 0 3px;
  color: #0071BC;
  border: 1px solid #C8DBFD;
  line-height: 25px;
  height: 25px;
} 
 
.fg textarea {
  border: 0; padding: 0 3px;
  color: #0071BC;
  border: 1px solid #C8DBFD;
  margin-top: 5px;
  padding:5px; 
  float:left; 
  overflow:auto;
} 

.fg select {
  margin-bottom: 10px;
}

.fg label {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.fg label.inline {
	display: inline;
	vertical-align: middle;
}

.fg input.i-src-ico {
	background: url(../images/ico_search_input.png) left no-repeat;
    padding-left:30px;
}

.fg input.cb {
	margin-left: 20px;
	vertical-align: middle;
}

.cg, .rg { margin: 5px 0 13px; }
.cg input, .rg input,
.cg label, .rg label {
  padding: 0; border: 0;
  height: auto;
  display: inline-block;
  vertical-align: baseline;
}
.cg label, .rg label { margin: 0 10px 0 5px; }

.form li.odd {
  background-color: #F2F2F2;
} 

.form li.f-sect-error { /* failed form section */
  background-color: #FFDFDF;
}

.div.f-sect-error {
  background-color: #FFDFDF;
}

div.d-center {
	text-align: center;
}

.div.d-center-force {
	text-align: center;
	margin-left: auto;
	margin-right: auto; 
}

.form li.f-sect-error .fg-error input { /* failed form element */
  border: 1px solid #DF0000;
}

.error-msg { /* error message */
  clear: both;
  display: none;
  color: #DF0000;
  font-size: 10px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.popup-top .sec-btn { z-index: 200; }

.form li.f-sect-error .error-msg { display: block; }

.input-side-comment { line-height: 27px; }
.btn-side-comment { line-height: 42px; }

.form p.multiple {
	padding: 0 4px;
	border: 1px solid #C8DBFD;
	width: auto; 
	height: 120px; 
	overflow: auto; 
	white-space:nowrap; 
	color: #0071BC; 
}

.form label.selected {
	background-color: #BED3FD;	
}

#loginformlist {
	left:14%;
	width:200px;
}

#rList {
	display:block;
	float:left;
	width:100%;
	margin:0px 0px 5px 0px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#wList {
	display:block;
	float:left;
	width:100%;
	margin-left:0px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px;	
}



.error {
	background-color: #FFDFDF;
	margin: 0;
	padding: 10px;
	color: #333;
	font-weight: bold;
}

.result
	{
		position:absolute;
		width:190px;
		max-height:200px;
		padding:0px;
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:auto;
		border:1px #CCC solid;
		background-color: white;
		color:#0071BC;
		z-index:1;
		box-shadow: 5px 5px 5px #888888;
	}

.show_span 
	{
	z-index:-1;
	}
	
.show
	{
		padding:5px; 
		border-bottom:1px #ccc dashed;
		cursor:pointer;
	}
	
	
.comment
	{
		border:1px #bfbfbf solid;
		background: #ecf2fd;
		padding:4px;
		margin:4px 2px;
		height:60px;
	}	
	
	
	 .comment_left
	{
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
  		-moz-border-radius-topleft: 5px;
		float:left; 
		width:200px;
	}
	
	 .comment_right
	{
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
  		-moz-border-radius-topright: 5px;
		float:right; 
		width:640px;
	}
.sms
	{
		border:1px #bfbfbf solid;
		background: #faffb4;
		padding:5px ;
		margin:1px auto 1px auto;
		width:100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
.deleg
	{
		border:1px  #bfbfbf solid;
		background: #f7d89f;
		padding:5px ;
		margin:1px auto 1px auto;
		width:100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
.closed
	{
		border:1px #bfbfbf solid;
		background: #fcbbb6;
		padding:5px ;
		margin:1px auto 1px auto;
		width:100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
.repair
	{
		border:1px #bfbfbf solid;
		background: #e2ffc0;
		padding:5px ;
		margin:1px auto 1px auto;
		width:100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
.delete_comm {
		visibility: hidden; 
		float: right; 
		cursor: pointer;
		text-decoration: none;
		margin:-1px 1px -5px 1px;
		}
		
.events
	{
		width:100%;
	} 
	 
.events:hover .delete_comm {visibility: visible;}
	
.err_edit
		{
		background:#FFFFCC;
		box-shadow:1px 1px 10px #888888;
		-moz-box-shadow:px 1px 10px #888888;
		}
	
.comm_edit
		{
		border: none; 
		left:-1px; top:-7px;
		background-color:transparent; 
		color:#000;
		padding:-5px;
		width:590px;
		height:54px;
		font-family: inherit;
   		font-size: inherit;
   		overflow: auto;
		}
		
input[type=radio   ]:not(old){
  width     : 1.2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
}



/* Forming ** */


.date-print {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;
	font-size: 1em; 
	white-space: nowrap;
	cursor: pointer;
}

.date-print::-moz-focus-inner { margin: 0; padding: 0; }

.date-print:hover,
.date-print:down,
.date-print:active,
.date-print:disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.date-print:hover {
	color: #333333;
	background-color: #add8e6;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.date-print:down,
.date-print:active {
	background-color: #1e90ff;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.date-print:disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}




/* Calendar ** */

/*!
 * FullCalendar v2.1.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #e7f0ff;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	font-size: 2em;
	line-height: .5em;
	height: .5em; /* will make the total height 1em */
	font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
}

.fc-icon-x:after {
	content: "\000D7";
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: .05em; /* seems to be a good adjustment across browsers */
	margin: 0 .1em;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	background-color: #add8e6;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #1e90ff;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header {
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: 25px;
	margin-top: 4px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc hr {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-style: solid;
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells */

.fc-row .fc-highlight-skeleton {
	z-index: 2;
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td {
	border-color: transparent;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 3;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 4;
	
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #acc5d1; /* default BORDER color */
	background-color: #acc5d1; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
	height:auto;
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #4d4d4d; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */

.fc-day-grid-event .fc-resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
	right: -3px;
	cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
	left: -3px;
	cursor: w-resize;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */



.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid > .fc-helper-skeleton {
	z-index: 5;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container { /* a div within a cell within the fc-content-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
	position: relative;
	z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	position: absolute;
	z-index: 3; /* above content */
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}

/* Calendar ** */



/* ** Full On table */
.full-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.small-font {
	font-size: 10px;
}

.full-table tr td, .full-table tr th {
  color: inherit;
  padding: 2px;
  text-align: left;
}

.full-table tr th {
  line-height: 15px;
  padding: 10px 5px;
  background-color: #BED3FD;
  border-left: 1px solid #ABBDE3;
  font-weight: bold;
} .full-table tr th.first { border-left: 0; }

.full-table tr th.center { text-align: center; }

.full-table tr th.sort { cursor: pointer; }

.full-table tr th.sort-asc {
  background: #BED3FD url(../images/images/sort_asc.png) left no-repeat;
  padding-left: 15px;
}
.full-table tr th.sort-desc {
  background: #BED3FD url(../images/sort_desc.png) left no-repeat;
  padding-left: 15px;
}

.full-table tr td {
  background-color: #fff;
  border-left: 1px solid #E1E1E1;
} .full-table tr td.first { border-left: 0; }

.full-table tr.odd td {
  background-color: #F2F2F2;
  border-left: 1px solid #D9D9D9;
} .full-table tr.odd td.first { border-left: 0; }
  

.full-table .status-active { color: #4C924A; font-weight: bold; }

.full-table .tall {
	padding: 0;
	line-height: auto;
}

.full-table .actual {
	background-color: #F2F2F2; 
}

.ico-sort, .ico-sort-h {
  display: inline-block;
  float: left;
  width: 8px; height: 15px;
  top: 2px;
  margin-right: 5px;
  background: url(../images/th_sort.png) no-repeat center left;
}
.asc { background-position: -8px center; }
.desc { background-position: -16px center; }
.ico-sort-h { margin-top: 7px; }




.full-table tr td.c-err {
  background-color: #FFD2D2;
  border-left: 1px solid #E5B7B7;
/*  color: #ED1C24; */
  color: #000;
} /* .full-table tr:hover td.c-err { background-color: #FFEBEB; } */

.full-table tr.odd td.c-err {
  background-color: #FFC6C6;
  border-left: 1px solid #E5C4C2;
} /* .full-table tr.odd:hover td.c-err { background-color: #FFEBEB; } */

.full-table tr td.c-ok {
  background-color: #DFF2C2;
  border-left: 1px solid #C9DAAE;
/*  color: #006837; */
  color: #000;
} /* .full-table tr:hover td.c-ok { background-color: #F1FBDD; } */

.full-table tr.odd td.c-ok {
  background-color: #EBFBCC;
  border-left: 1px solid #D4E5B7;
} /* .full-table tr.odd:hover td.c-ok { background-color: #F1FBDD; } */

.full-table tr td.c-pend {
  background-color: #FFF399;
  border-left: 1px solid #EBE3A7;
/*  color: #C28C00; */
  color: #000;
} /* .full-table tr:hover td.c-pend { background-color: #FFFBDB; } */

.full-table tr.odd td.c-pend {
  background-color: #FFF6B3;
  border-left: 1px solid #E5DC99;
} /* .full-table tr.odd:hover td.c-pend { background-color: #FFFBDB; } */

.full-table tr td.c-d3 {
  color: #015B99;
} /* .full-table tr:hover td.c-err { background-color: #FFEBEB; } */


.full-table tr:hover td, .full-table tr.odd:hover td {
  background-color: #FFF8C9;
}

.full-table span.hidden {
	display: none;
}

/* Full On table ** */

/* ** Footer */
#footer {
  width: 84.5%;
  height: 8%;
  margin: 0 auto;
  padding: 158px 25px 0;
  vertical-align: middle;
  background: #F2F2F2 url(../images/footer_bg.gif) no-repeat center center;
  text-align: left;
}

#footer .newsl {
  float: left;
}
#footer .disc {
  float:right;
  text-align: right;
  width:100%;
  z-index:6;
  margin:70px 0px;
}
#footer .disc p { width: 100%; }
#footer .disc img { float: right; margin-left: 15px; }
/* Footer ** */

/* ** Data table */
.left-col-50, .right-col-50 { /* data containers for 2 column layout */
  float: left;
  width: 50%;
}

.data-box {
  margin: 0 5px 0 5px;
  padding: 5px;
  width: 94%;
}

.data-box-bg {
  padding: 5px;
  background-color: #E6E6E6;
}

.data-box .data-table {
  margin: 5px;
  border-collapse: collapse;
}

.data-box .data-table tr td,
.data-box .data-table tr th {
  padding: 3px 5px;
  text-align: left;
} .data-box .data-table tr td { font-weight: bold; }
  .data-box .data-table tr th { font-weight: normal; }
/* Data table ** */

.data-box tr.hr {
	 border-bottom: 1px dotted black;
}

.status-box {
  width: 94%;
  margin: 0 5px 0 5px;
}

.status-box div {
  width: 100%;
  float: left;
  padding: 10px 0;
  margin: 0;
  border-collapse: collapse;
  border-right: 1px solid #B3B3B3;
  text-align: center;
  line-height: 1.7;
} .status-box div.first { border-left: 1px solid #B3B3B3; }

.status-box .status-err { background-color: #FFD9D9; }
.status-box .status-err strong { color: #ED1C24; }

.status-box .status-ok { background-color: #DFF2C2; }
.status-box .status-ok strong { color: #006837; }

.status-box .status-pend { background-color: #FFF399; }
.status-box .status-pend strong { color: #C28C00; }

/* ** watcher bar */
.watcher-bar {
  float: right;
  width: 30%; height: 20px;
  background-color: #FAFAFA;
  margin: 2px;
  border: 1px groove gray;
}

.watcher-mask { 
  background: url(../images/watcher-mask.png) no-repeat center left;
  height: 20px; 
}

/* wathcer bar ** */

/* ** progress bar */
.progress-bar-wrapper {
  margin: 10px 20px 15px;
}

.pb-leftval, .pb-rightval { /* 415px */
  float: left;
  width: 25px; height: 30px;
  line-height: 30px;
  color: #999999;
}

.pb-leftval { text-align: right; margin-right: 5px; }
.pb-rightval { text-align: left; margin-left: 5px; }

.pb-bar {
  float: left;
  width: 65%; height: 30px;
  background-color: #E6E6E6;
}

/* ok - green - area is the etalon */
.pb-center, .pb-left, .pb-right {
  height: 30px;
}

.pb-center { background: url(../images/bar_center.jpg) no-repeat center left; }
.pb-left { background: url(../images/bar_left.jpg) no-repeat center left; }
.pb-right { background: url(../images/bar_right.jpg) no-repeat center left; }
/* progress bar ** */

/* ** stats sample */
#graphs {
  margin-left: 20px;
}

.graph { margin-bottom: 10px; }
/* stats sample ** */

/* ** login page */
#login-body #wrapper-outer { min-height: 200px; _height: 200px; }
#login-body #wrapper { width:90%; }
#login-body #wrapper-top { min-height: 60px; }
#login-body #wrapper-bottom { min-height: 60px; }

#login-body #bottom-form { padding-top: 10px; width: auto; }
#login-body .form li { padding-left: 25px; }
#login-body .form { margin-top: 10px; }
#login-body #footer { background: none; padding-top: 20%; height: auto; }

/* login page ** */

/* ** dashboard */
.db-row {
  margin: 15px 0;
}

.db-col {
  width: 100%;
  float: left;
  margin-left: 0px;
}

.db-col h3 {
  padding: 15px 15px 10px 45px;
  color: #333;
  font-size: 16px;
  border-bottom: 1px solid #CCC;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-color: transparent;
}

#db-clients h3 { background-image: url(../images/db_ico_clients.png); }
#db-modems h3 { background-image: url(../images/db_ico_modems.png); }
#db-contact h3 { background-image: url(../images/db_ico_contact.png); }
#db-data h3 { background-image: url(../images/db_ico_data.png); }
#db-system-info h3 { background-image: url(../images/db_ico_system_info.png); }
#db-lists h3 { background-image: url(../images/db_ico_lists.png); }
#db-modules h3 { background-image: url(../images/db_ico_modules.png); }
#db-settings h3 { background-image: url(../images/db_ico_settings.png); }

.db-col ul {
  margin-left: 15px;
  padding: 10px 15px;
  list-style: disc outside url(../images/ico_db_bullet.gif);
}

.db-col li.unregistered {
	list-style: disc outside url(../images/ico_db_bullet_red.gif);
}

.db-col ul li { padding: 6px 6px 4px 0; }

.db-add-item { font: bold 14px Arial, Helvetica, sans-serif; }
/* dashboard ** */

/* ** loader */
.loader-bg {	
	min-height: 70px;
	height: auto !important;
	height: 70px;
	background: #E6E6E6 url(../images/loader_gray.gif) no-repeat center center;
}
/* loader ** */

/* ** Loader popup */
	
#loaderBg, #loaderContent {
	display: none;
	}

#loaderBg {
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
	background-color: #FFF;
	}

#loaderContent {
	height: auto;
	padding: 5px;
	position: fixed;
	z-index: 101;
	background-color: #FFF;
	color: #000;
	text-align: center;
	font: 18px bold Arial,Helvetica,Sans-serif,Verdana;
	border: 1px double #0066cc;
	}

#loaderContent img {
	margin: 5px 0;
	}

#loaderContent img, #loaderContent p { }


div.loaderLight {
	background-color: #FAFAFA;
	background: url(../images/loader_light.gif) no-repeat center center;
	height: 32px;
}
div.loaderGray {
	background-color: #F2F2F2;
	background: url(../images/loader_gray.gif) no-repeat center center;
	height: 32px;
}

/* Loader popup ** */

/* ** Some extra formatting */
li.rightInfo {
	padding: 2px;
	margin: 0 0 0 40px;
	list-style: square;
}
/* Some extra formatting ** */


/* Tooltip ** */
#tooltip {
	position: fixed;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { 
	margin: 0;
	text-align: left; 
}
/* ** Tooltip */

/* Error status ** */



/* Error status ** */


/* Modem status ** */
tr.trg {
	color: #4C924A;
}
tr.trb {
	color: #014A7E;
}
tr.trbl {
	color: #333333;
}
tr.try {
	color: #C28C00;
}
tr.trr {
	color: #ED1C24;
}
/* ** Modem status */


/* Graph preview ** */
#minigraph {
	position: absolute;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	display: none;
	color: #fff;
	z-index: 100;
}

div.imgLoader-300-100 {
	border: 1px solid #333;
	width: 30%;
	height: 100px;	
}

div.loading {
	background: #E6E6E6 url(../images/loader_gray.gif) no-repeat center center;
}

/* ** Graph preview */

/* fake classes */
.cmts {}

span.summary {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	text-align: center;
	font: 12px/1.3 Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Grande" ;
	font-weight: bold;
	font-style: italic;
}

input.inline {
	width: 96%;
}

select.inline {
	width: 96%;
}