@font-face {
    font-family: "Roboto";
    src: url(../fonts/Roboto-Light.ttf) format("truetype");
}
@font-face {
    font-family: "RobotoReg";
    src: url(../fonts/Roboto-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "RobotoBold";
    src: url(../fonts/Roboto-Bold.ttf) format("truetype");
}
*
{	
	font-family: Roboto,Calibri,Glyphicons Halflings !important;
	font-weight: 300;/* the defualt is 400 but we overrided it with 300 because we have developed all the UI Assuming 300 as our default weight*/
 
}
    *:not(#windows8, .wBall,.windows8) {
        border-radius: 0px !important;
    }
    /**:not(input, textarea, keygen, select, button) {
        border-radius:0px !important;
        
    }*/
#TC_HEAD{
    background: #00aeef; 
    color: white; 
    height: 65px;
}
.button__badge {
  background-color: #cc0000;
  border-radius: 9px !important;
-moz-border-radius: 9px !important;
-webkit-border-radius: 9px !important;
  color: #ffffff;
 font-weight: bold;
  padding: 1px 3px;
  font-size: 11px;
  position: absolute; 
  top: 0;
  right: 0;
}
#img_login_logo 
{
     background: url('images/logo_new.png') no-repeat;
    height:51px;
}

#HeaderIMG
{
    margin-top:10px;
    background: url('images/m-View-Web Portal-Logo.png') no-repeat;
    height: 42px;
    width: 100%;
}
#NSWfooterHolder{
    display: none;
}
#HeaderIMGright {
   display: none;
}
/*#NSWPolfooterHolder {
    display: none;
}*/
/*Main background style Start*/
#container
{
	width: 95%;
	background-color:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: 13px;
}
a {
 color: #6D6E71;
 text-decoration:none;
}

.dvrFilters a:hover
{
    color:#00aeef;
    border-bottom:0px;
}

.dvrFilters input:hover
{
    color:#00aeef;
    border-bottom:0px;
}

.bluelink:hover
{
    color:#00aeef;
    border-bottom:0px;
    cursor:pointer;
}

.tblDesign tbody td:hover 
{
	
	border-width:3px 3px 1px 1px;
  border-style: double;
  border-color: #00aeef;
}

.middleBanner a:hover
{
    color:#00AEEF;
    font-size:12px;
}


div.navigation
{
  width: 100%;
  height: 72px;
  position: relative;
  float: left;
  margin-bottom:10px;
  
}
#navigationBG {
       background: url(images/nav_menu_bg.png) repeat-x;
       min-width:1048px;
}
div.nav_menu ul
{
  font-size: 11px;
  float:left;
  margin-top: 21px;
  margin-left: 10px;
  width:610px;
  list-style-type:none;
}

div.nav_menu ul li a
{
  background-position: 100% 0%;
  padding-left:10px;
  padding-right:3px;
  text-decoration:none;
  color:#fff;
  line-height:30px;
  margin-right:3px;
  float:left;
  /*font-weight: bold;*/
  font-size: 14px;
  margin-top: -4px;
    margin-bottom: 4px;
}

div.nav_menu ul li:hover
{
  /*background:url("images/tabright_active.png") no-repeat;*/
  background-position: 100% 0%;
  background-color:#00aeef;
}

div.nav_menu ul li a:hover
{
  color: #fff;
  /*background:url("images/tableft_active.png") no-repeat;*/
  margin-right: 3px;
}
	
div.nav_menu ul li.selected
{
  /*background:url("images/tabright_active.png") no-repeat;*/
  background-position: 100% 0%;
  background-color:#00aeef;
}

div.nav_menu ul li.selected a
{
  color: #fff;
  /*background:url("images/tableft_active.png") no-repeat;*/
  margin-right: 3px;

}

.nav_submenu {
    width: 100% !important;    
    background-color: #00aeef !important;
}
div.nav_submenu ul {
    width: 98% !important;
}
div.nav_submenu ul li
{
  float:left;
  padding-right: 10px;
  padding-top: 3px;
}
	
div.nav_submenu ul li a
{
  float:left;
  font-size:14px;
  text-decoration:none;
  color: black;
  float: left;
  margin-right:5px;
  margin-left:0;
}
	
div.nav_submenu ul li a:hover
{
	color: white;
}
	
div.nav_submenu ul li.selected a
{
	color: white;
     
}

.usagePanel a
{
  color:#132530;
    font-size:12px;
    border-bottom:1px solid #A7A9AC;
}

.usagePanel a:hover
{
  color:#00aeef;
    border-bottom:0px;
    cursor:pointer;
}

.usagePanel legend /* Panel's Grouping Text */
{
	color: #132530;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.usageTable caption
{
  margin:10px 10px 10px 10px;
	color: #132530;
}

.usageTableHeader
{
	font-size:12px;
	color:#ebebec;
	background-color:#132530;
}

.planPanel legend /* Panel's Grouping Text */
{
	color: #132530;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

div.videoBox:hover
{
  border-color:#00AEEF;
}

tr.pager a:hover
{
    color:#00AEEF;
    text-decoration:underline; 
}
.selectedpage
{
  color:#00AEEF;
}

.imgGalleryStrip:hover
{
  border:solid 2px #00aeef; cursor:pointer;
}

#dhtmltooltip
{
 position: absolute;
 font-family: 'Roboto';
 font-size :9pt;
 color:#132530;
 text-align:left; 
 left: -300px;
 width: 150px;
 border: 1px solid #00aeef;
 padding: 2px;
 background-color:#EBEBEC;
 visibility: hidden;
 z-index: 100;
 border-radius:3px;
}

.popupMenu a:hover
{
  text-decoration:underline;
  color:#00AEEF;
}

.btn-primary 
{
	background-color: #00AEEF;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #00AEEF, #00AEEF);
	background-image: linear-gradient(top, #00AEEF, #00AEEF);
	border-left-color: #00AEEF;
	border-right-color: #00AEEF;
	border-top-color: #00AEEF;
	border-bottom-color: #00AEEF;
}

    .btn-primary:hover {
        background-color: #4487F3;

    }
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] 
{
background-color: #c0c0c0;
  border-left-color: #c0c0c0;
	border-right-color: #c0c0c0;
	border-top-color: #c0c0c0;
	border-bottom-color: #c0c0c0;
}


/* Checked Track (Blue) */
.fancy input[type="checkbox"]:checked + div {
	width: 34px;
	background-position: 0 0;
	background-color: #00AEEF;
	border: 1px solid #00AEEF;
	box-shadow: inset 0 0 0 10px #00AEEF;
}

.SavedSearchBar {
    font-size:13px;
    background-color:#0082CB;
    color: white;
}
/****************customised change log style ***********/
.changelogOuter
{
    border:1px solid #132530; border-radius: 5px;
    width:839px;
    overflow:auto;
}

.changeLog
{
  width: 100%;
}

.changeLogBorder
{
  width: 100%; 
}
.changeLog th, th a
{
	width:auto;
	text-align:left;
	background-color: #6d6e71;
	color:#ebebec;
	border-style:none;
 font-weight:700;
 font-size:12px;
 white-space:nowrap;
}
.beepingtable {
    width: 570px;
}
.beepingtable th, th a {
    width: auto;
    text-align: left;
    background-color: #6d6e71;
    color: #ebebec;
    border-style: none;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
}
.changeLogBorder th
{
	width:auto;
	text-align:left;
	background-color: #0082cb;
	border:solid 1px silver;
    color:white;
}

.changelogFooter{
    background-color:silver;
}
#PopupHeader {
    background-color:#132530;
    height:30px;
    text-align:center;
}

#PopuprfaHeader, #PopupDenyReasonHeader, #PopupEBHeader, #PopupsessionHeader, #PopupRtacHeader {
    background-color: #132530;
    height: 30px;
    text-align: center;
}
.PopupHeader
{
    background-color:#132530;
    height:30px;
    text-align:center;
}
#PopupdisableHeader,#PopupfileuploadHeader{
    background-color:#132530;
    height:30px;
    text-align:center;
}

.clsimgAdd {
    vertical-align: middle;
    height: 20px; 
    width: 20px;
    margin-left:5px;
}
.clsimgMinus
{
    vertical-align: middle; 
    height: 20px; 
    width: 20px; 
    display: none;
    margin-left:5px;
}
.clssessionspan {
    cursor: pointer; 
    padding-left: 10px; 
    padding-right: 30px; 
    display:inline-block;
    margin-bottom:9px;
}
.clssessioncontainer {
    background-color: #FFFFFF; 
    border: 1px solid #c0c0c0; 
    width: 354px; 
    padding: 7px 0px 0px;
    padding-left:5px;
    display: inline-block;
    margin-top: -19px;
    margin-left:-5px;
}
    .clssessioncontainerselected {
     background-color: #DBDCDE;
    border: 1px solid #c0c0c0; 
    width: 354px; 
    padding: 7px 0px 0px;
    padding-left:5px;
    display: inline-block;
    margin-top: -19px;
    margin-left:-5px;
}


.clsVideoGroupPanel{
    height: 540px; 
    width: 383px; 
    overflow-y: scroll; 
    overflow-x: auto;
    margin-top:10px
}
.clsdivRight {
    /*height: 520px; */
    min-height: 520px !important;
    width: 455px;
    float: left;
    overflow-x: initial;
    position: relative;
    /*margin-top: 15px;*/
    margin-left: 5px;
}
.clslstItem {
    margin-left:-5px;
}
.tagged {
   height: 20px;
   width: 20px;
   margin-left: -28px;
}
.untagged {
    visibility:hidden;
    height: 20px;
    width: 20px;
    margin-left: -28px;
}
.clsnotfound {
    display: inline-block; 
    color: red; 
    font-size: 16px; 
    font-family: Calibri; 
    float: right; 
    padding-right: 105px; 
    margin-top: 2px;
}
.passed {
   height: 20px;
   width: 20px;
   margin-left: -28px;
    margin-bottom: -5px;
    padding-top: 5px;
}
.failed {
    height: 20px;
    width: 20px;
    margin-left: -28px;
    margin-bottom: -5px;
    padding-top: 5px;
}
.notreviewed {
    visibility:hidden;
    height: 20px;
    width: 20px;
    margin-left: -28px;
}
.clssessionspanDip
{
    cursor: pointer; 
    padding-left: 70px; 
    padding-right: 30px; 
    vertical-align: middle;
}
.clssessionspanDipPassed {
    color:green;
    text-align:left;
    margin-left:5px;
    margin-right:4px;
    max-width:40px;
}
.clssessionspanDipFailed {
    color:red;
    text-align:left;
    margin-left:9px;
    margin-right:5px;
     max-width:40px;
}
.clssessionspanDipIgnored {
    color:black;
    text-align:left;
    margin-right:5px;
     max-width:40px;
}
.clssessionspanDipINotReviewed {
    color:black;
    text-align:left;
    margin-left:38px;
    margin-right:7px;
     max-width:40px;
     
}
   #tblRoles th {
            padding: 3px 18px 3px 10px;
            border-width: 0px 0px 1px;
            border-style: none none solid;
            border-color: -moz-use-text-color -moz-use-text-color #132530;
            font-weight: 700;
            font-size: 12px;
            color: #EBEBEC;
            cursor: pointer;
            background-color: #6D6E71;
        }
.tcbg{
   background-color:#00AEEF;
   color: white; height: 65px;
}
#PopupdipsamplingHeader {
    background-color:#132530;
    height:30px;
    text-align:center;
}
#PopupStorageAccountDetailsHeader, #PopupMediaMoveQueueHeader {
    background-color: #132530;
    height: 30px;
    text-align: center;
}
#PopupUpdateCategoryFormHeader {
    background-color: #132530;
    height: 30px;
    text-align: center;
}
div.navigation_in_page
{
    padding-top: 4px;
    background-color: #132530;
    overflow: auto;
}

div.navigation_in_page ul
{
  float:left;
  padding-left: 12px;
  padding-right: 10px;
  margin-top: 0px; 
}

div.navigation_in_page ul li
{
  display:inline;
  float: left;
  margin-right:5px;
}

div.navigation_in_page ul li a
{
  background-position: 100% 0%;
  padding-left:10px;
  padding-right:8px;
  text-decoration:none;
  color:white;
  line-height:22px;
  margin-right:3px;
  float:left;
  font-weight: bold;
  font-size: 12px;

}

div.navigation_in_page ul li:hover
{

}
	
div.navigation_in_page ul li a:hover
{
  color: white;
  background-color: #00aeef;
  margin-right: 3px;
}
	
div.navigation_in_page ul li.selected a
{
  background-color: #00aeef;
}
.td_search_from
{
 width: 90px; 
 text-align:left;
}
.addingcamright {
    float:left;
    padding-left:20%;
}
.maveobuttonround {
  font-size: 40px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #00AEEF;
  border: none;
  border-radius: 50% !important;
  box-shadow: 0 6px #999;
  margin: 4px 2px;
  width:50px;
  height:50px;
}
.maveobutton {
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #00AEEF;
  border: none;
  box-shadow: 0 5px #999;
  margin: 4px 2px;
  width:50px;
  height:50px;
}

.maveobutton:hover,.maveobuttonround:hover {background-color: #4487F3}

.maveobutton:active ,.maveobuttonround:active {
  background-color: #4487F3;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.maveobuttonround:disabled {
    box-shadow: 0 6px #999 !important;
    transform: translateY(0px) !important;
    background-color: #f7f7f7 !important;
}
.maveobutton:disabled {
    box-shadow: 0 5px #999 !important;
    transform: translateY(0px) !important;
    background-color: #f7f7f7 !important;
}
.video-next, .video-previous {
    color: #00AEEF;
    cursor: pointer;
}
    .video-next:hover, .video-previous:hover {
        color: #4487F3
    }