/* CSS Document */
body{ margin:0; padding:0; background:#f1f1f1; color:#515151; font-size:12px; font-family:Verdana, Helvetica, sans-serif; }


/* * * * * * links * * * * * */
a{ color:#3c84bc; text-decoration:none; outline:none;}
a:hover{ color:#3c84bc; text-decoration:underline;}


/* * * * * * General * * * * * */
img{ border: none;}
h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; padding:0;}
.clear{ clear:both; padding:0; margin:0; height:0;}
.clr{ clear:both;}
h1{ font-size:20px; color:#515151; border-bottom:1px solid #ddd;padding:0 0 7px 0; margin-bottom:23px;}


/* * * * * * Grid * * * * * */
input[type=text],input[type=password] {border:#ddd 1px solid; padding:4px; margin:0; color:#888; font-size:12px; font-family:Verdana;} 
textarea {border:#ddd 1px solid; padding:4px; margin:0; font-size:12px; color:#888; font-family:Verdana;}
select {border:#ddd 1px solid; padding:4px; margin:0; font-size:12px; color:#888; font-family:Verdana;} 
.inputbtn{ background:#5e5353; border:none; font:normal 11px Verdana, Geneva, sans-serif; color:#FFF; font-weight:bold; text-transform:uppercase; padding:6px 10px; margin:0; cursor:pointer; overflow:visible;}
.butlabel{ vertical-align:2px; }
.lblStatus{background:#713e3c;color:#FFF; font-size:13px; height:30px; text-decoration:none; text-align:center; width:120px;}
/*.pagingbuttonOld{background:url(../images/first.png) no-repeat center #5e5353;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonOld:hover{background:url(../images/first.png) no-repeat center #c65e59}
.pagingbuttonfirst{background:url(../images/100_up.png) no-repeat center #5e5353;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonfirst:hover{background:url(../images/100_up.png) no-repeat center #c65e59}
.pagingbuttonlast{background:url(../images/100_down.png) no-repeat center #5e5353;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonlast:hover{background:url(../images/100_down.png) no-repeat center #c65e59}
.pagingbuttonNew{background:url(../images/last.png) no-repeat center #5e5353;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonNew:hover{background:url(../images/last.png) no-repeat center #c65e59}
.pagingbuttonNext{background:url(../images/next.png) no-repeat center #5e5353;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonNext:hover{background:url(../images/next.png) no-repeat center #c65e59}
.pagingbuttonPrev{background:url(../images/prev.png) no-repeat center #5e5353;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonPrev:hover{background:url(../images/prev.png) no-repeat center #c65e59}*/
.pagingbuttonOld{background:url(../images/first.png) no-repeat center;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonOld:hover{opacity:0.9}
.pagingbuttonfirst{background:url(../images/100_up.png) no-repeat center;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonfirst:hover{opacity:0.9}
.pagingbuttonlast{background:url(../images/100_down.png) no-repeat center;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonlast:hover{opacity:0.9}
.pagingbuttonNew{background:url(../images/last.png) no-repeat center;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonNew:hover{opacity:0.9}
.pagingbuttonNext{background:url(../images/next.png) no-repeat center;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonNext:hover{opacity:0.9}
.pagingbuttonPrev{background:url(../images/prev.png) no-repeat center;padding:6px 10px; margin:0; cursor:pointer; overflow:visible}
.pagingbuttonPrev:hover{opacity:0.9}

.remoteinput{border:#fff 1px solid !important; padding:4px; margin:0; color:#888; font-size:12px; font-family:Verdana;width:90%}

/* * * * * * Main wrapper * * * * * */
#wrapper{ width:990px; background:#FFF; border-right:1px solid #dedede; border-left:1px solid #dedede; margin:0 auto; box-shadow: 0px 1px 5px #ddd; -moz-box-shadow: 0px 1px 5px #ddd; -webkit-box-shadow: 0px 1px 5px #ddd; }



/* * * * * * Header * * * * * */
#top{ height:100px;}
#logo{ font-size:32px; color:#414141; float:left; padding:20px 0 0 20px; font-weight:bold; }
.top_login{ float:right; padding:30px 20px 0 0;}
.top_login p{ padding-bottom:6px; font-weight:bold; font-size:13px;}
.top_login input[type=text], .top_login input[type=password]{ width:130px; margin-right:6px;}
.titletext{ margin-bottom:0px; padding-bottom:0; }
.mobtitletext{ margin-bottom:0px; padding-bottom:5px;padding-top:5px; }


/* * * * * * Nav * * * * * */
#navigation{ height:40px; background:#bc423c; border-bottom:3px solid #d0d0d0; color:#FFF;}

#nav { padding:0; margin:0; list-style:none; position:relative; z-index:1000; }
#nav li.top { display:block; float:left; border-left:1px solid #c65e59; height:40px; padding-left:1px;}
ul#nav >:first-child{ border-left:none; padding-left:0px;} 
#nav li a.nav_link {display:block; float:left; color:#FFF; font-size:13px; height:30px; padding:10px 0px 0 0px; text-decoration:none; text-align:center; width:105px; }
#nav li.active a.nav_link{ background:#713e3c; }
 Nav #nav li.active a.nav_link:hover, #nav li:hover a.nav_link{ background:#713e3c; }

#nav table { border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0; }
#nav li:hover { position:relative; z-index:200; }
#nav a:hover { position:relative; white-space:normal; z-index:200; }
#nav :hover ul.sub { left:0px; top:40px; background-color:#713e3c; padding:0px 0px 0px 0px; width:120px; height:auto; z-index:300; }
#nav :hover ul.sub li { display:block; position:relative; text-align:left; float:left; width:120px; border-bottom:#5d302e solid 1px; font-weight:normal; }
#nav :hover ul.sub li a { display:block; font-size:12px; text-align:left; padding:7px 10px 7px 10px; color:#ecebeb; text-decoration:none; }
#nav li ul.sub li a.fly { /*background: url(../images/arrow.png) 95% 12px no-repeat;*/ }
#nav :hover ul.sub li a:hover { background-color:#884340; }
#nav :hover ul.sub li a.fly:hover { background-color:#884340; }
#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#nav li:hover li:hover > ul { left:150px; top:0px; background:#713e3c; padding:0px; white-space:nowrap; width:150px; z-index:400; height:auto; }
#nav li:hover > ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#nav li:hover li:hover > a.fly { background:#884340 /*url(../images/arrow.png) 95% 12px no-repeat*/; } 



/**** Styled navigation bar ***/ 





/* * * * * * Content * * * * * */
#content{ padding:20px 20px 25px 20px;}
.home_block{ margin-bottom:30px; padding-top:5px;}
.hm_grid{ background:#ddd;}
.hm_grid .tr1{ background:#fafafa;}
.hm_grid .tr2{ background:#FFF;}
.hm_grid th { text-align:center; font-size:13px;}
.hm_grid th, .hm_grid td{ padding:5px 0px;}
.input_grid{background:#ddd;text-align:center}
.input_grid td{border:1px solid;}
.input_grid .tr1{ background:#fafafa;height:50px;}
.input_grid .tr2{ background:#FFF;height:50px;}

.input_btn{ padding:8px 0 0 8px; overflow:hidden;}
.input_btn div{ float:left; width:170px; height:auto; padding:8px; position:relative;}
.input_btn span{ display:block; float:left; width:170px; height:auto; padding:5px; padding-top:60px; text-align:center; color:#FFF; font-size:12px;}
.inputCtrl{ background:#bc423c;}
.bt_green{ background:#75bc3c; }
.input_btn span.edit{ position:absolute; height:24px; width:24px; padding:0; top:11px; left:90%; margin-left:-10px;}
.input_btn span.mobilerelay{position:absolute; height:24px; width:24px; padding:0; top:8px; left:10%;font-size:20px; margin-left:-10px;}
.input_btn span.mobile{position:absolute; height:24px; width:24px; padding:0; top:15px; font-size:35px;vertical-align:middle;left:40%;}
.input input[type="text"]{width:250px;height:30px;border-radius:5px;margin-bottom:5px;}
.input select{width:250px;height:30px;border-radius:5px;padding:10px;height:45px;}
.input_LED{display:inline-block; width:30px; height:30px; background:#75bc3c; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;margin:9px 0 0 5px;}

.lable_act td{ color:#bc423c; font-size:14px;word-wrap:break-word;}
.lable_act_log td{ color:#bc423c; font-size:12px;}

.led_redfaint{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#fb918c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.led_greenfaint{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#ccf4ab; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.led_bluefaint{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#acd7f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.led_redsat{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#9a211b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.led_greensat{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#66af2b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.led_bluesat{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#3179b1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.led_red{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#bc423c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.led_green{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#75bc3c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.led_blue{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#3c84bc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.led_grey{ display:inline-block; width:20px; height:20px; margin:0 10px; background:#dddddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 
.led_yellow{display:inline-block; width:20px; height:20px; margin:0 10px; background:#f0ff00; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 
.led_orange{display:inline-block; width:20px; height:20px; margin:0 10px; background:#ff9900; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.text1{ line-height:18px; text-align:justify;}
.tdlblright
{
 width:150px;
 text-align:right;
 padding-right:10px;
 height:35px;
 }
 
 #rttable input[type=text],input[type=password] {border:#ddd 1px solid; padding:4px; margin:0; color:#888; font-size:12px; font-family:Verdana;width:90%}
.dropdownlist{ box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
/* * * * * * Footer * * * * * */
#footer{ background:#f7f7f7; border-bottom:3px solid #777777; border-top:1px solid #e8e8e8; text-align:center; padding:15px 0; font-size:11px; }





/*********Custom Class**********/
fieldset
{
 border:1px solid #DDDDDD;
}
.result
{
margin: 10px 40px 10px 40px;
padding: 8px;
border: 1px solid #333;
text-align: center;
font-weight: bold;
background: #eee;
}

.ok {
border-color: #6b6;
background: #efe;
}

.fail {
border-color: #b66;
background: #fee;
}

select
{
 width:150px;
}


.cm{ background:url(../images/cm.png) top left no-repeat;}
.cm p{ padding:17px 5px 0 4px; font-size:12px; white-space:nowrap;}
.tblToolTip{ position:absolute; top:10px; left:-12px;}
.tblToolTip td{ padding:0 !important; color:#515151;}

/************************* Mobile CSS 5-8-13 ******************************/

.mob{ background:#FFF;}
.mob_btn{ padding:8px 0 0 8px; overflow:hidden;}
.mob_btn div{ float:left; width:138px; height:90px; padding:8px; position:relative;}
.mob_btn span{ display:block; float:left; width:128px; height:20px; padding:5px; padding-top:60px; text-align:center; color:#FFF; font-size:12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.bt_red{ background:#bc423c;}
.bt_green{ background:#75bc3c; }
.mob_btn span.edit{ position:absolute; height:24px; width:24px; padding:0; top:11px; left:85%; margin-left:-10px;}
.mob_btn span.mobilerelay{position:absolute; height:24px; width:24px; padding:0; top:8px; left:10%;font-size:20px; margin-left:-10px;}
.mob_btn span.mobile{position:absolute; height:24px; width:24px; padding:0; top:15px; font-size:35px;vertical-align:middle;left:40%;}
.mob input[type="text"]{width:250px;height:30px;border-radius:5px;margin-bottom:5px;}
.mob select{width:250px;height:30px;border-radius:5px;padding:10px;height:45px;}

/***** Place iPhone portrait view CSS under here (320px) *****/
@media only screen and (max-width: 767px) {
.mob{ margin:0 auto; width:320px;}
.mob_btn div{ width:138px; height:90px;}
.mob_btn span{ width:128px; height:20px; padding:5px; padding-top:60px;}


/***** End *****/
}


/***** Place iPhone landscape view CSS under here (480px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.mob{ margin:0 auto; width:480px;}
.mob_btn div{ width:138px; height:86px;}
.mob_btn span{ width:128px; height:20px; padding:5px; padding-top:56px;}

/***** End *****/
}

.dp_link{ text-align:center; padding-top:10px;}
.dp_link a{ display:inline-block; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#5e5353; color:#FFF; padding:8px 20px;}
.dp_link a:hover{ background:#713e3c;}

/*******FargoR4*********/
.input_block{ margin-bottom:23px;}
.input_table{ background:#dddddd;}
.input_table tr{ background:#FFF;}
.ib_title{ position:relative; background:url(../images/titlebg.png) bottom repeat-x; height:36px; overflow:hidden; border-bottom:1px solid #ddd;}
.ib_title h3{ padding:10px 50px 0 10px; margin:0; font-size:13px; color:#515151;}
.ib_title label{ position:absolute; top:6px; right:6px; border-radius:12px;height:25px;width:25px; background:none repeat scroll 0 0 #3179b1; margin-right:60px;cursor:pointer;text-align:center;font-weight:bold;color:#FFF;font-size:17px;}
.spblue{ position:absolute; top:6px; right:6px; border:1px solid #ddd; background:#FFF; color:#3179b1; font-size:12px;font-weight:bold; text-transform:uppercase; display:inline-block; padding:4px 7px 5px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.spgreen{ position:absolute; top:6px; right:6px; border:1px solid #ddd; background:#75bc3c; color:#FFF; font-size:12px;font-weight:bold; text-transform:uppercase; display:inline-block; padding:4px 7px 5px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.ib_box{ padding:15px 0px; height:180px; text-align:center; overflow:hidden;}
.ib_bottom{ height:36px; background:#fafafa; overflow:hidden; border-top:1px solid #ddd;}
.ib_left{ float:left; padding:8px 0 0 0;}
.ib_right{ float:right; padding:10px 10px 0 0;}
.rname{color:#515151;font-size:13px;}

.ib_box a{text-decoration:none;}
.ib_box div:first-child{margin-top:40px;text-align:center;margin-left:50px !important;}
.ib_box div:first-child label{color:#000;}
.ib_box div:nth-child(2){margin-top:10px;}
.ib_box div{width:50%;margin-left:50px;text-align:center}

canvas{background:none repeat scroll 0 0 #FFFFFF;}
.divValLab{border:1px solid #3179b1;padding:5px;margin:5px;}
.led_redLED{ display:inline-block; width:100px; height:100px;margin-top:40px; background:#bc423c; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;vertical-align:middle;}
.led_greenLED{ display:inline-block; width:100px; height:100px;margin-top:40px; background:#75bc3c; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;vertical-align:middle;}
.led_yellowLED{ display:inline-block; width:100px; height:100px;margin-top:40px; background:#f0ff00; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;vertical-align:middle;}

/* * * * * * Bells Content 9-oct-2014  * * * * * */

.bells-cont{ margin:20px 0px; }
.bellgrid{background:#fff; border:1px solid #ddd;}
.bellgrid td{padding:4px 4px;}
.bellgrid td.blnk{ width:8px;}
.bellgrid .btitle{ font-size:12px; padding:8px 8px; font-weight:bold;}
.bellgrid .tr1{ background:#fafafa;}
.tr1 td{border-bottom:1px solid #ddd;}

.addbells{ display:block; margin:20px 0px; }
.addbells .inputbtn{ padding:6px 14px;}
.timelbl{ display:inline-block; padding:7px 14px; text-align:center; font-size:13px; background:#e4e4e4; color:#333; line-height:100%;}
.txw{ width:180px;}


.grid-bottom{ padding:7px 6px 7px 6px; margin:0; overflow:hidden; background:#fff; border:1px solid #dee6e7; border-top:none;}
.grid-top{ padding:7px 6px 7px 6px; margin:0; overflow:hidden; background:#fff; border:1px solid #dee6e7; border-bottom:none;}
.paging { text-align:right; padding:0px; margin:0px 0px 0px 0px; float:right; }
.paging ul { margin:0px; padding:0px; list-style-type:none; }
.paging ul li { padding:0; margin:0px; display:inline; }
.paging ul li a { color:#60636b; text-decoration:none; background:#fff; border:1px solid #dedede; margin:0px 0px 0px 5px; 
padding:0px; height:26px; line-height:27px; width:27px; text-align:center; display:block; float:left; font-size:12px; }
.paging ul li a:hover { color:#FFF; text-decoration:none; border:none;  background:#bc423c;  padding:0px;  width:29px; height:28px; }
.paging ul li a.active { color:#FFF;  text-decoration:none; border:none; background:#bc423c; padding:0px; width:29px; height:28px; }

.paging ul li a.firstpg{border:1px solid #dedede; background:url(../images/firstp.png) no-repeat center #fff; width:28px; height:26px;}
.paging ul li a.prevar{border:1px solid #dedede; background:url(../images/prevp.png) no-repeat center #fff; width:28px; height:26px;}
.paging ul li a.lastpg{ border:1px solid #dedede; background:url(../images/lastp.png) no-repeat center #fff; width:28px; height:26px;}
.paging ul li a.nxtar{ border:1px solid #dedede; background:url(../images/nextp.png) no-repeat center #fff; width:28px; height:26px;}

.paging ul li a.firstpg:hover{ background:url(../images/firstp-h.png) no-repeat center #bc423c; border:none; width:30px;  height:28px;}
.paging ul li a.prevar:hover{background:url(../images/prevp-h.png) no-repeat center #bc423c; border:none;  width:30px;  height:28px;}
.paging ul li a.lastpg:hover{background:url(../images/lastp-h.png) no-repeat center #bc423c; border:none;  width:30px;  height:28px;}
.paging ul li a.nxtar:hover{background:url(../images/nextp-h.png) no-repeat center #bc423c; border:none;  width:30px;  height:28px;}

.bellgrid .radio{ background:url(../images/unchk.png) no-repeat left; height:14px; width:14px; display:inline-block;}
.bellgrid .radio.enable{background:url(../images/chk.png) no-repeat left;}

.addAccess td{padding:8px 4px;}

.statRed{color:Red;font-size:14px;margin-left:10px;}
.statBlack{color:Black;font-size:14px;margin-left:10px;}
.statBlue{color:Blue;font-size:14px;margin-left:10px;}
.statGreen{color:Green;font-size:14px;margin-left:10px;}