@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

html 
{
	height:100%;
}

body  
{	
	font-family: Calibri;
	font-size:12px;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;	 
	height: 100%;	
}

a.disabled
{
   color: #666666;
}

a img
{
border:0px;
}

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

.dvrFilters input
{
    color:#132530;
    font-size:12px;
    height:17px;
    border-bottom:1px solid #A7A9AC;
    border-right:0px;
    border-top:0px;
    border-left:0px;
}

/*Main background style Start*/

#container h1
{
	font-size: 18px;
}
#container h2
{
	font-size: 15px;
}
#container h3
{
	font-size: 12px;
}

#container .h1
{
	font-size: 18px;
}
#container .h2
{
	font-size: 15px;
}
#container .h3
{
	font-size: 12px;
}

#headerBG
{
/*background: #ffffff url(../images/bg_header.gif) top left no-repeat;*/
min-width:800px;
}

#contentBG
{
/*background: #ffffff url(../images/bg_content.gif) top left repeat-y;*/
/*min-height: 100%;*/
_height: 100%;			/*IE6 Fix - IE6 doesn't recognise min-height - treats "height" same way as "min-height" */
width:auto;
/*min-width:1048px;*/
margin-top:15px;
}

#footerBG
{
/*background: #ffffff url(../images/bg_footer.gif) top left no-repeat;*/
height:132px;
}
#footerLogo
{
margin-left:21px;
float:left;
}

#footerHolder p
{
text-align:left;
font-size:12px;
float:right;
margin: 13px 190px 0 0;
}

#footerHolder a
{
color:#999999;
}

#footerHolder .selected
{
color:#000000;
}

#copyright	/*EDITED*/
{
text-align:left;
font-size:12px;
margin-left: 21px;
}

#version
{	
margin-top:4px;
color:Gray;
}

/*Main background style End*/


/*Top Header section Start*/

#topHeader
{
/*border:1px solid red;*/
text-align:left;
display: inline;		/*IE 6 Fix */
}

#search
{
float:right;
margin: 5px 12px 0 0px;
}
/*Top Header section End*/


/*Main content section Start*/
#contentHolder
{
text-align:left;
display: inline;       /*IE 6 Fix */
}

#banner
{
height:165px;
background: #ffffff url(../images/Web_Banner-09_old.jpg) top left no-repeat;
margin: 0 0 16px 0;
}

#liveFeedsLeftCol
{
	width: 250px;
	float: left;
}

#liveFeedsRightCol
{
	width: 470px;
	height: 100%; /*border: 1px solid blue;*/
	float:right;
	padding-right:25%;
    margin-top:-307px;
}
#liveFeedsRightCol div.divTopInfo
{
  background-color:White; text-align:center; height:700px; padding-top:5px;
}


#RecordingsLeftCol
{
	width: 460px;
	float: left;
}

#RecordingsRightCol
{
	width: 350px;
	height: 100%; /*border: 1px solid blue;*/
	float: right;
}

.liveFeedsScrollPanel
{
	padding: 8px;
	border-style: solid;
	border-width: thin;
	min-height: 10px;
	max-height: 250px;
	overflow: auto;
}

#leftCol
{
width:500px;
height:100%; /*border: 1px solid blue;*/
float:left;
}

#rightCol
{
width:245px; /*height:100px;*/ /*border: 1px solid blue;*/
float:right;
}

#leftSideCol
{
width:400px;
height:100%; /*border: 1px solid blue;*/
float:left;
}

#rightSideCol
{
width:300px; /*height:100px;*/ /*border: 1px solid blue;*/
float:right;
}

#UpperSide
{
  /*border-radius: 5px;*/
  border: 1px solid black;
  padding: 2px; 
  width: 750px;
  height: 175px;
  overflow: hidden;
  height:auto;
 
 }

/* The edit links for admin-editable site content */
.adminEditButton
{
  float: right;
  margin: 10px;	
}

.adminEditButton:hover
{
  text-decoration: underline;
}

.searchtxtbox
{
  width:50px;
  float:right;  
  border:groove;
}

#bottomrightCol
{
  width: 245px; /*height:100px;*/ /*border: 1px solid blue;*/
  float:right;
}

/*Left Column*/

.leftColTopCurv
{
height:6px;
background: #ffffff url(../images/hc_topcurv.gif) top left no-repeat;
}

.leftColContent
{
width:581px;
background: #ffffff url(../images/content_bg.jpg) top left repeat-x;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
margin: 40px 0 0 0;
}
/* IE hack */ 
     *:first-child+html .leftColContent 
     {
        margin: 0px;   
     }
         
     * html .leftColContent 
     {
        margin: 0px;   
     }
     /* end IE hack */
 
.leftColContent p
{
font-size:12px;
padding: 0 0 15px 30px;
}
.leftColContent h1
{
font-size:16px;
	color: #ff7800;
padding: 16px 0 26px 30px;
}

.leftColBotCurv
{
height:6px;
background: #ffffff url(../images/hc_botcurv.gif) bottom left no-repeat;
text-align:left;
}

/* SME Home Content */
.leftColContentSMEHome
{
width:581px;
background: #ffffff url(../images/content_bg.jpg) top left repeat-x;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
margin: -5px 0 0 0;
_margin: -11px 0 0 0;
}

.leftColContentSMEHome p
{
font-size:12px;
padding: 0 0 15px 30px;
}
.leftColContentSMEHome h1
{
font-size:16px;
	color: #ff7800;
padding: 16px 0 26px 30px;
}

/* end SME Home Content */

/*#tabHolder
{
height:35px;
background: #ffffff url(../images/h_tab.jpg) top left no-repeat;
text-align:left;
}*/

/*Right Column*/

.rightColTopCurv
{
height:6px;
background: #ffffff url(../images/rcol_topcurv.gif) top left no-repeat;
}

.rightColContent
{
height:100%;
background: #ffffff url(../images/rcol_bg.gif) top left no-repeat;
background-attachment:scroll;
}

.rightColContent h2
{
font-size:13px;
	color: #ff7800;
padding: 5px 0 0 10px;
text-transform:uppercase;
font-weight:normal;
}

.rightColContent p
{
font-size:12px;
color:#434343;
padding: 5px 0 0 10px;
}

.date
{
font-size:12px;
color:#666666;
padding: 5px 0 0 10px;
}

.readMore
{
margin: 5px 0 0 180px;
}

.pageHeading
{
	font-size: large;
	font-weight: 300;
	color:#132530;
}

.lblheading
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    font: bold;
}

.pageSubHeading
{
  margin-top: 5px;
  margin-bottom: 5px;
}	


.error
{
  color: Red;
}

.rightColBotCurv
{
height:6px;
background: #ffffff url(../images/rcol_botcurv.gif) top left no-repeat;
text-align:left;
}

.rightColTitle
{
height:35px;
background: #ffffff url(../images/rcol_header.gif) top left no-repeat;
text-align:left;
}
.rightColTitleSilver
{
height:35px;
background: #ffffff url(../images/rcol_header_silver.gif) top left no-repeat;
text-align:left;
}

.rightColTitleSilver h3
{
font-size:12px;
color:Gray;
padding: 5px 0 0 10px;
	font-weight:bold
}

.rightColTitle h3
{
font-size:12px;
color:#000000;
padding: 5px 0 0 10px;
text-transform:uppercase;
	font-weight:bold
}

/*Main content section End*/

/*Footer section Start*/

#footerHolder {
    border: solid 1px silver;
    margin: 50px 0px 0px 0px;
    min-width:1048px;
}


.footerTopCurv
{
height:6px;
background: #ffffff url(../images/foot_topcurv.gif) top left no-repeat;
}

.footerContent
{
height:64px;
background: #ffffff url(../images/foot_bg.gif) top left ;
}

.footerBotCurv
{
height:6px;
background: #ffffff url(../images/foot_botcurv.gif) top left no-repeat;
text-align:left;
}


/*Footer section End*/

.cleaner 
{
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0px;
  padding: 0px;
  background: transparent;
}

/*Form Style*/

.input 
{
/*width:264px;
background-color:#fee6ce;
border: 1px solid #ff7f00;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
height:16px;
color:#222121;
font-size:11px;
*/
font-family:Arial, Helvetica, sans-serif;
width: 264px;
height: 16px;
padding: 3px;
line-height: 16px;
color: #555;
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
}

textarea
{
	/*
width:264px;
background-color:#fee6ce;
border: 1px solid #ff7f00;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
color:#222121;
font-size:11px;*/
font-family:Arial, Helvetica, sans-serif;

width: 264px;
padding: 3px;
color: #555;
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow-y: scroll !important;
}

textarea.editor
{
  width: 100%;
  background-color: inherit;
  border: inherit;
  padding: 10px;
  margin: inherit;
  color:inherit;
  font-size: inherit;
  font-family: inherit;
  overflow-y: scroll !important;
}

select
{
/*width:269px;
background-color:#fee6ce;
border: 1px solid #ff7f00;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
color:#222121;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
*/


display: inline-block;
width: 269px;
height: 24px;
padding: 3px;
font-size: 12px;
line-height: 24px;
color: #555;
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.tblTxt
{
font-size:12px;
color:#4b4a4a;
}

.search
{
width:120px;
background-color:#424242;
border: 1px solid #525151;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
height:16px;
color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

div.searchOptions
{
	text-align: center;	
}
	
div.searchOptions table
{
	width: 90%;
	border: solid 1px black;	
}

div.searchOptions .textInput
{
	width: 100%;
}

.searchOptions .label
{
	text-align: right;
}

div.searchOptions .datePicker
{
	text-align: left;
	vertical-align:middle;
}


/*----News page start-------*/

.internal #contentHolder
{
width: 839px; /*border:1px solid red;*/ /*height:700px;*/
text-align:left;
background-color:#CCCCCC; /*background: #ffffff url(../images/2colbg.gif) top left repeat-y;*/
background: #ffffff url(../images/2colbg_content.gif) top left repeat-y;
}

.internal #banner
{
height:290px;
background: #ffffff url(../images/Web_Banner-09.jpg) top left no-repeat;
margin: 0 0 16px 0;
}

.internal #leftCol
{
width:269px; /*height:700px;*/ /*border: 1px solid blue;*/
float:left;
font-size:12px;	
}
.internal #rightCol
{
width:550px; /*border: 1px solid blue;*/
float:right;
font-size:12px;
}

#featureList ul 
{
  list-style-type:none;
  list-style-image: url(../images/arrow.gif);
  margin-left: 70px;
  padding-left: 1em;
  text-indent: -0.5em;	
}
	
#featureList li a
{
color:#656565;
}

.internal #leftCol p
{
padding:10px 0 0 58px;
}

.internal #rightCol h1
{
font-size:16px;
color: #ff8b08;
border-bottom:1px solid #d9d9d9;
padding-top:0;
}

.internal #rightCol .date
{
font-size:12px;
color:#989898;
margin:0;
padding:0 0 10px 0;
}

.internal #rightCol h2
{
font-size:13px;
font-weight:bold;
color:#000000;
}

.internal #rightCol p
{
font-size:12px;
}

.internal #rightCol .readmore
{
float:right;
padding-right:80px;
}

.internal #rightCol .lineBreak
{
border-bottom:1px solid #d9d9d9;
margin-bottom: 35px;
}

.internal #bottomrightCol .date
{
font-size:12px;
color:#989898;
margin:0;
padding:0 0 10px 0;
}

.internal #bottomrightCol h2
{
font-size:12px;
font-weight:bold;
color:#000000;
}

.internal #bottomrightCol p
{
font-size:12px;
}

.internal #bottomrightCol .readmore
{
float:right;
padding-right:80px;
}

.internal #bottomrightCol .lineBreak
{
border-bottom:1px solid #d9d9d9;
margin-bottom: 35px;
}

/*Pagination Style Start */

.pagination
{
padding:15px 0 0 0;
width:550px;
height:46px;
background: #ffffff url(../images/pagination_bg.gif) top left no-repeat;
}

.pagination ul
{
margin: 0 30px 0 100px;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 12px;
float:left;
}

.pagination li
{
list-style-type: none;
display: inline;		/*IE 6 Fix */
padding-bottom: 1px;
}

.pagination a, .pagination a:visited
{
padding: 5px 8px 5px 8px;
border: 1px solid #e6e6e6;
text-decoration: none; 
color: #696969;
}

.pagination a:hover, .pagination a:active
{
border: 1px solid #e6e6e6;
color: #fff;
	background-color: #fe8a01;
}

.pagination a.currentpage
{
	background-color: #fe8a01;
color: #FFF !important;
border-color: #e6e6e6;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover
{
background-color: white;
cursor: default;
color: #929292;
border-color: #e6e6e6;
font-weight: normal !important;
}

.pagination a.prevnext
{
font-weight: bold;
}

.pageNo
{
width: 70px;
padding-left: 20px;
float:left;
display:block;
}

#pagePreview
{
width: 100px;
margin-right: 10px;
float:right;
display:block;
}

#pagePreview a
{
padding:0 10px 0 0;
margin:0;
border:0;
}

#pagePreview a:hover
{
background-color: white;
color:#999999;
}


/*Pagination Style End*/

/*----News page end-------*/

/*----Content page start-------*/
	
.content #contentHolder
{
width: 839px; /*border:1px solid red;*/ /*height:700px;*/
text-align:left;
background-color:#CCCCCC;
background: #ffffff url(../images/2colbg_content.gif) top left repeat-y;
}

.content #banner
{
height:290px;
background: #ffffff url(../images/Web_Banner-09.jpg) top left no-repeat;
margin: 0 0 16px 0;
}

.content #leftCol
{
width:256px;
height:700px; /*border: 1px solid blue;*/
float:left;
font-size:12px;	
}
.content #rightCol
{
width:550px; /*border: 1px solid blue;*/
float:right;
font-size:12px;
}

.content #leftCol p
{
padding:10px 0 0 58px;
}

.content #rightCol h1
{
font-size:15px;
	color: #ff8b08;
padding-top:20px;
padding-bottom:10px;
}

.content #rightCol h2
{
font-size:13px;
font-weight:bold;
color:#000000;
padding-bottom:10px;
}

.content #rightCol p
{
font-size:12px;
padding-bottom:10px;
}

.content #rightCol .readmore
{
float:right;
padding-right:80px;
}

.content #featureList ul 
{
list-style-type:none;
list-style-image: url(../images/arrow_c.gif);
margin-left: 70px;
margin-bottom: 20px;
padding-left: 1em;
text-indent: -0.5em;	
}
	
#featureList li a
{
color:#656565;
}

/*----Content page end-------*/

/*----Health page start-------*/

.health #rightCol
{
float:right;
width:240px;
margin-right:30px;
margin-top:30px;
}

.health #leftCol
{
float:left;
width:839px;
}

/*Left Column*/

.topCurvHealth
{
height:6px;
background: #ffffff url(../images/health_topcurv.gif) top left no-repeat;
width:838px;
}

.contentHealth
{
width:837px;
background: #ffffff url(../images/content_bg.gif) top left repeat-x;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}

.leftColHealth
{
width:550px;
float:left;
}


.bottomCurvHealth
{
height:6px;
background: #ffffff url(../images/health_botcurv.gif) bottom left no-repeat;
text-align:left;
width:838px;
}

.rightColTopCurv
{
height:6px;
background: #ffffff url(../images/rcol_topcurv.gif) top left no-repeat;
}
.rightColTopCurvSilver
{
height:6px;
background: #ffffff url(../images/rcol_topcurv_silver.gif) top left no-repeat;
}

.rightColContent
{
height:100%;
background: #ffffff url(../images/rcol_bg.gif) top left no-repeat;
background-attachment:scroll;
}

.rightColContent h2
{
font-size:13px;
	color: #ff7800;
padding: 5px 0 0 10px;
text-transform:uppercase;
font-weight:normal;
}

.rightColContent p
{
font-size:12px;
color:#434343;
padding: 5px 0 0 10px;
}

.date
{
font-size:12px;
color:#666666;
padding: 5px 0 0 10px;
}

.readMore
{
margin: 5px 0 0 180px;
}

.rightColBotCurv
{
height:6px;
background: #ffffff url(../images/rcol_botcurv.gif) top left no-repeat;
text-align:left;
}

.rightColTitle
{
height:35px;
background: #ffffff url(../images/rcol_header.gif) top left no-repeat;
text-align:left;
_margin: -7px 0 0 0;
}

.rightColTitle h1
{
font-size:14px;
color:#000000;
padding: 5px 0 0 10px;
text-transform:uppercase;
font-weight:normal;
}

/* Usage Month Label */
.usageforMonthLabel
{
  padding:10px 0 10px 10px;
  font-size:12px;
  font-weight:normal;
  color:Gray;
}

/* health Tab Start */

.health #contenttabs 
{
  float:left;
  width:100%;
  background:#ffffff url("../images/tab_bg2_health.gif")  top left repeat-y;      
  line-height:normal;	  
  text-transform: uppercase;
  font-size:12px;
	border-bottom: 4px solid #ff7800;
}
.health #contenttabs ul 
{
  margin:0;
  padding:10px 10px 0 450px;
  list-style:none;
}
.health #contenttabs li 
{
  float:left;
  background:url("../images/ctableft.gif") no-repeat left top;
  margin:0 3px 0 0;
  padding:0 0 0 9px;
}
.health #contenttabs a 
{
  float:left;
  display:block;
  width:.1em;
  background:url("../images/ctabright.gif") no-repeat right top;
  padding:7px 15px 8px 6px;
  text-decoration:none; 
  color:#fff;
}
.health #contenttabs > ul a 
{
  width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.health #contenttabs a 
{
  float:none;
}
/* End IE5-Mac hack */

.health #contenttabs a:hover 
{
color:#333;
}    
.health #contenttabs li:hover, #contenttabs li:hover a 
{
background-position:0% -29px;
color:#ffffff;
}
.health #contenttabs li:hover a 
{
background-position:100% -29px;
}
	  
.health #contenttabs #current 
{
background-position:0% -29px;
border-width:0;
}
.health #contenttabs #current a 
{
background-position:100% -29px;
padding-bottom:8px;
color:#000;
}

/* health Tab End */

.health #rightCol
{
width:245px; /*height:100px;*/ /*border: 1px solid blue;*/
float:right;
}

#Qlinks
{
  text-transform: uppercase;
  list-style: none;
  font-size:12px;
}
#Qlinks ul 
{
  margin:0;
  padding:10px 0 0px 0px;
  list-style:none;
}
	  
#Qlinks li 
{
  margin:0;
  padding:0 0 5px 0;
  line-height:21px;
}
	  
#Qlinks a 
{
  display:block;      
  text-decoration:none;      
  color:#000;
  padding-left:10px;
}
	  
#Qlinks a:hover 
{
  background:url("../images/qlink_bg.gif") left top repeat-x;		  
}


/*----Health page end-------*/

/*Start contenttabs*/

#contenttabs 
{
  float:left;
  width:100%;
  background:#ffffff url("../images/tab_bg2.gif")  top left no-repeat;      
  line-height:normal;	  
  text-transform: uppercase;
  font-size:12px;
	border-bottom: 4px solid #ff7800;
}
#contenttabs ul 
{
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
#contenttabs li 
{
  float:left;
  background:url("../images/ctableft.gif") no-repeat left top;
  margin:0 3px 0 0;
  padding:0 0 0 9px;      
}
#contenttabs a 
{
  float:left;
  display:block;
  width:.1em;
  background:url("../images/ctabright.gif") no-repeat right top;
  padding:7px 15px 8px 6px;
  text-decoration:none; 
  color:#fff;
}
#contenttabs > ul a
{
  width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#contenttabs a 
{
  float:none;
}
/* End IE5-Mac hack */
#contenttabs a:hover 
{
color:#333;
}    
#contenttabs li:hover, #contenttabs li:hover a 
{
background-position:0% -29px;
color:#ffffff;
}
#contenttabs li:hover a 
{
background-position:100% -29px;
}

#contenttabs #current 
{
background-position:0% -29px;
border-width:0;
}
#contenttabs #current a 
{
background-position:100% -29px;
padding-bottom:8px;
color:#000;
}

/*End contenttabs*/

/*Table styles start*/
.tblDesign table 
{
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 12px Calibri;
  color: #363636;
  background: #ffebd3;
}

.tblDesign td, th 
{
  width: 100px;
  border-width:3px 3px 1px 1px;
  border-style: double;
  border-color: silver;
  padding: .6em;
  color: #363636;
  overflow:hidden;
  
}

.tblDesign tbody td a 
{
  background: transparent;
  text-decoration: none;
  color: #000000;
  font-weight:bold;
}
.tblDesign tbody th, .tblDesign tbody td 
{
  vertical-align: top;
  text-align: left;
}

.tblDesign .odd 
{
	background: #ee7c02;
}

.noOfSnaps
{
	width:30px;
	text-align:center;
	background-color:silver;
	 position:absolute;
	 margin-left:79px;
	 margin-top:-7px;
	 color:#6B6B6B;
	
}

/*Table styles end*/


/*----Profile page start-------*/
.profile #contentHolder
{
width: 839px;
text-align:left;
}

.profile #leftCol
{
width:400px;
float:left;
font-size:12px;	
}
.profile #rightCol
{
width:439px;
float:left;
font-size:12px;
}
/*----Profile page end-------*/



.gotoPanel
{
 float: right;
}

.gotoPanel select
{
	font-size: smaller;
	width: auto;
}

.itemsPerPage
{
 float: right;
}

.itemsPerPage select
{
    font-size: smaller;
    width: auto;
}

/*----thumbInfo-------*/
.thumbInfo
{
	list-style-type: none;
}
/*----thumbInfo end-------*/

/*----Snapshot Gallery - Thumbnail Panel-------*/
.galleryPanel
	{
		padding: 5px 5px 5px 5px;
	}
/*----Snapshot Gallery - Thumbnail Panel end-------*/

/*----Snapshot Gallery - Thumbnail Image-------*/
.galleryPanelImage
	{
		margin-right: 5px;
		border-color: silver;
		border-radius:4px;
	}
	.galleryPanelImageBestShot
	{
		margin-right: 5px;			
		border-color: #008000;
		border-bottom-width:5px !important;
		border-radius:4px;	
	}
	
	.noBestShot
	{
		border-color: silver;
		border-radius:4px;
		border-bottom-width:5px !important;
	}
	.bestShot
	{
		border-color: #008000;
		border-bottom-width:5px !important;
		border-radius:4px;
	}
/*----Snapshot Gallery - Thumbnail Image-------*/

/*----DetailsView control-------*/
.detailsView
{
}

.detailsView .header
{
	position: relative;
	font-size: 15px;
	color: #FF8B08;
	margin-bottom: 10px;
}

.detailsView .attributeName
{
	font-weight: bold;
}	

div.AspNet-DetailsView-Header
{
	position:relative;
	font-size: 15px;
	color: #FF8B08;
	margin-bottom: 10px;
}
	
div.AspNet-DetailsView-Data ul li
{
	margin-bottom: 6px;
}

div.AspNet-DetailsView-Data ul li
{
	min-height:1.4em;
	vertical-align:middle;
	list-style-type:none;
	position:relative;
	font-size: 12px;
}

/*----DetailsView control end-------*/

/*----Snapshot Gallry-------*/
.gallery .h1
{
	font-size: 18px;
	color: #FF8B08;
}
.gallery .h2
{
	font-size: 15px;
	color: #FF8B08;
}
.gallery .h3
{
	font-size: 12px;
}

.leftGallery
{
	width:839px;
	max-width:839px;
	float:left;
	text-align:center;
}
.leftGallery image
{	
	max-width:720px;	
}
.rightGallery
{
	width:839px;
}
.bottomGallery
{
	width:839px;
	float:none;
}
/*----Snapshot Gallry end-------*/

/*Account selection dropdown start*/
.tblAccount td
{
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
}
/*Account selection dropdown end*/

/*---- table -------*/
td
{
	padding: 5px;
}
/*---- table end -------*/

/*Start menu*/
* html #nav, * html #submenu
{
	width: 1px;
}

* html #nav, * html #submenu
{
	z-index: -1;
	margin-top: 0;
	margin-top: 1px;
}

.middleBanner
{
    width:100%;
    text-align:center;
    color:#132530;
    font-size:12px;
    padding-bottom:5px;
}

.middleBanner a
{
    color:#132530; text-decoration:none; float:right;
}

/* ========================================================================= */
/* Abhishek's Navbar replacement
/* ========================================================================= 

div.navigation
{
min-height: 40px;
padding-right: 20px;
padding-left: 20px;
margin-top:1px;
background-color: #2C2C2C;
background-image: -moz-linear-gradient(top, #333, #222);
background-image: -ms-linear-gradient(top, #333, #222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
background-image: -webkit-linear-gradient(top, #333, #222);
background-image: -o-linear-gradient(top, #333, #222);
background-image: linear-gradient(top, #333, #222);
background-repeat: repeat-x;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.navigation ul li
{
  display:inline;
}*/
/* ========================================================================= */
/* Trent's Navbar replacement
/* ========================================================================= */

div.navigation ul li
{
  display:inline;
}



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

.nav_submenu {
    width: 1100px;
    overflow-x: hidden;
}

div.nav_submenu ul
{
  float:left;
  padding-left: 20px;
  padding-right: 10px;
  margin-top: 0px; 

  width: 1939px; 
  
 }
 
/* ========================================================================= */

/*Demo page*/
.demo #contentHolder
{
	width: 839px;
	text-align:justify;
	margin-left: 40px;
}
/*Demo page end*/

/*paging*/
.pageSelected, .pageSelected a
{
	color: #000000;
}
/*paging end*/

/*Terms & Conditions Message*/
.termsMessage
{
	color: Red;
}
/*Terms & Conditions Message End*/

/* Data Usage table */

/* Data Usage table end*/

/*----Usage page start-------*/
.usage #contentHolder
{
	width: 839px;
	text-align:left;
	clear:both;
}

.usage #leftCol
{
	width:414px;
	float:left;
	font-size:12px;
	margin-right:10px;
}
.usage #rightCol
{
	width:414px;
	float:left;
	font-size:12px;
}

.usage #bottomhalf
{
  width:840px;
  float:left;
  font-size:12px;
  margin: 10px 0px 0 0px;
}


.usage #Month
{
  margin: 10px 10px 10px 10px;
}

.usage #year
{
	margin: 10px 10px 10px 10px;
}

.usagePanel
{
clear:both;
}

.usagePanel fieldset /* Panel's Border */
{
}
.usageTable
{
	width:100%;
	overflow:auto;
}

.usageTable tbody
{
  max-height:140px;
  overflow:scroll;
}

.usageTable td
{
	text-align:center;
}

.planPanel
{
  margin: 10px auto auto auto;
}

.planPanel fieldset /* Panel's Border */
{
}
.planTable
{
	margin: 10px 10px 10px 10px;
}
.planTableHeader
{
	color: #000000;
}
/*----Usage page end-------*/

/*----Profile Usage Table-------*/
.profileUsageTable
{
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dotted #03476F;
}

.profileUsageTableHeader
{
	background-color: #FEE6CE;
	font-weight: bold;
}
.usageAlert
{
	color: Red;
}
  
/*----Profile Usage Table end-------*/

/*----Password Reset Form / Edit User Form-------*/
.formTable
{
}
.formHeader
{
	font-weight:bold;
}
.formRadioButtons
{
	margin-top: 0px;
}
/*----Password Reset Form / Edit User Form End-------*/

/*----Contacts page start-------*/
.leftColContacts
{
width:390px;
float:left;
font-size:12px;
padding-left: 10px;
}
.rightColContacts
{
width:439px;
float:left;
font-size:12px;
}
.labelContactsResult
{
	margin-bottom: 5px;	
}
table.tblContacts
{
	margin-top: 10px;
	width: 300px;
}
table.tblContacts, table.tblContacts tr
{
	border: 1px dotted #000000;
}
table.tblContacts .tblContactsHeader, table.tblContacts .tblContactsSubHeader
{	
	font-weight:bold;
	text-align: center;
}
table.tblContacts .tblContactsHeader
{
	border-bottom:1px dotted #000000;
}
table.tblContacts .tblContactsButton
{
	border-top:1px dotted #000000;
	text-align: center;
}
table.UsersList td, table.ViewersList td, table.ViewersList td
{
	border: 0;
}
table.ViewersList
{
	float:right;
}
table.ViewersList tr, table.ViewersListButtons tr
{
	line-height: 20px;
}

table.UsersList td
{
	text-align: left;
	padding-left: 110px;
}

.tblEditViewerHeader, .tblAddViewerHeader
{
	font-weight:bold;
	text-align: center;
	border-bottom:1px dotted #000000;
}
.contacts .input 
{
	width:170px;
}
.contacts .formHeader
{
	font-weight:normal;
}

/*----Contacts page end-------*/

/*----Photos page start-------*/
.photoDisplay
{
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.photoDisplay table
{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}

.photoDisplay td
{	
	text-align: left;
	width: 50%;
}

.photoDisplay .heading
{	
	font-weight: bold;
	text-align: right;
	width: 50%;
}

/*----Photos page end-------*/

/*---- modalPopup Control-------*/
.modalBackground 
{
}

.modalPopup 
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
}
.modalPopup div.AspNet-DetailsView-Header
{
	color: #666666;
	font-weight:bold;
	text-align: center;
	background-color:#FEE6CE;	
}
.modalButton
{
	text-align: center;
	background-color:#FEE6CE;
}
/*---- modalPopup Control end-------*/
/*---- Modal Control for Bussiness Functions ---*/
/*---- modalPopup Control-------*/

.modalPopupBussiness 
{
	background-color:#ffffff;
	border-width:10px;
	border-color:Gray;
	border-style:solid;	
	margin:10px 0 10px 300px;
	padding:3px;
	width:300px;
}

/*---- modalPopup Control end-------*/
/*-- Page for the Viewers Table Panel--*/

.viewersInfo legend /* Panel's Grouping Text */
{
	color: #FF8B08;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.viewersInfo fieldset /* Panel's Border */
{
  table-layout:auto;
  overflow:auto;
}

.viewersInfo
{
	margin: 10px auto 0px auto; /* Looks like i need to Set the Left & right margin to auto To align the table to the Centre of the page*/
	color: #FF8B08;
	width:500px;
	text-align:center;
}
.viewersInfo caption
{
  margin:10px 10px 10px 10px;
	color: #FF8B08;
}

.viewersInfo
{
	color: #000000;
	margin:10px auto 0px auto;
}

/*-- Viewers info table Style --*/
.viewerInfoTable
{
  color:Gray;
  margin:0px auto 0px auto;
  table-layout:auto;
  overflow:auto;
  height:10px;
  width:100%;
}

.viewerInfoTableHdr
{
 color:Black; 
}
/*-- End of Viewers info table style --*/

/*-- Style to control the Gird View of bussiness Functions --*/

.BFInfo legend /* Panel's Grouping Text */
{
	color: #FF8B08;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.BFInfo fieldset /* Panel's Border */
{
  table-layout:auto;
  overflow:auto;
}

.BFInfo
{
	margin: 10px auto 0px auto; /* Looks like i need to Set the Left & right margin to auto To align the table to the Centre of the page*/
	color: #FF8B08;
	width:500px;
	text-align:center;
}
.BFInfo caption
{
  margin:10px 10px 10px 10px;
	color: #FF8B08;
}

.BFInfo
{
	color: Gray;
	margin:10px auto 0px auto;
}

/*-- Dynamic Table Label -- */
.dynTBL legend /* Panel's Grouping Text */
{
	color: #FF8B08;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.dynTBL fieldset /* Panel's Border */
{
 margin:10px 0 10px 0;
}
.dynTBL
{
	margin: 10px auto 10px 0; /* Looks like i need to Set the Left & right margin to auto To align the table to the Centre of the page*/
	text-align:left; 
	empty-cells:hide;
}
.dynTBL caption
{
  margin:10px 10px 10px 0px;
	color: #FF8B08;
  font-size:small;
  text-align:left;
  width: 200px;
}

.dynTBLlabel
{
  font-size:small;
  font-weight:bold;
}

.dynTBL td 
{
  text-align:left;
  margin: 0px 0px 0px 0px;
}

/*-- Search Table Label -- */
.SearchTBL legend /* Panel's Grouping Text */
{
	color: #FF8B08;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-style:solid;
}

.DateTxtBox
{
  text-align:center;
}

.SearchTBL fieldset /* Panel's Border */
{
 margin:0px 0 0px 0;
 text-align:center;
}
.SearchTBL
{
	margin: 10px auto 0px auto; /* Looks like i need to Set the Left & right margin to auto To align the table to the Centre of the page*/
	text-align:center;		
	padding-top:10px;
}
.SearchTBL caption
{
  margin: 0 0 0 0;
	color: #FF8B08;
  text-align:center;
  caption-side:top;  
}

.SearchTBLlabel
{
  font-size:small;
  font-weight:bold;
}
/*-- Viewers info table Style --*/
.BFInfoTable
{
  color:Gray;
  margin:0px auto 0px auto;
  table-layout:auto;
  overflow:auto;
  height:10px;
  width:100%;
}

.BFInfoTableHdr
{
 color:Black; 
}
/*-- When playing a saved video form the Monthly Breakdown usage. --*/

.LinkbuttonViewers
{
  margin: 10px 10px 10px 60px;
  position:relative;
  left:-20px;
}

#UsageActiveXPlayback
{
  margin:10px auto 0px auto;
  text-align:center;
}


/*-- End of the viewers page table panel --*/

/** Cell Alignemnt of Caption Cell in the Viewer Summary Table */
#CellAlignRight
{
  text-align:right;
}


.descGrid
{
  width: 100%;
}

.descGrid th
{
    width:auto;
    text-align:center;
	border-style:none;
    font-weight:700;
    font-size:12px;    
    padding: 0px;
    font-size:14px;
    font-weight:bold;
}

.deleteWarning
{
	padding: 3px;
	width: 100%;
	background-color: Red;
	color: White;
	float: left;
	vertical-align: middle;
	font-size: larger;
}

.deleteWarning input
{
	float: right;
}

.scrollPanel
{
	padding: 8px;
	border-style: solid;
	border-width: thin;
	height: 150px;
}

.header
{
	font-size: 15px;
	font-weight: bold;
	color: #FF8B08;
}

.backButton
{
    background-image:url(../Images/back-icon.png); 
    background-repeat:no-repeat; 
    height:64px; 
    padding-left:70px; 
    padding-top:45px;                                                                           
    background-position:left center
}


/*------ additional styles for new live feeds page -------*/
.livelist thead tr td
{
  background-color:#EBEBEC;  
  color:#132530;
  font-size: 12px;
  white-space:normal;
}
.livelist
{
  padding:0px;
  width:100%;
  height:auto;
}
.livelist tr
{
  background-color:Transparent;

}

.livelist tr td table tr td
{  border-bottom:solid 1px #DBDBDB;
   font-size:12px;
    white-space:nowrap;
}



tr.doHighlight:hover, tr.doHighlight.over
{
     background-color:#EBEBEC; 
}

tr.doHighlightWithCursor:hover, tr.doHighlightWithCursor.over
{
     background-color:#EBEBEC; 
     cursor:pointer;
}

.LinkVideoBox
{
font-size:12pt;
color:inherit;
}

div.videoBoxLarge
{
  height:150px;
  width:100px;
  padding: 5px 0px 5px 0px;
  background-color:#F7F7F7;
  border: solid 1px gray;  
  text-align:center;
  margin: 10px 10px 0px 0px;
  float:left;
  overflow:hidden;
}

div.videoBox
{
  height:130px;
  font-size:12px;
  width:100px;
  padding: 5px 0px 5px 0px;
  background-color:#F7F7F7;
  border: solid 1px #EBEBEC;  
  text-align:center;
  margin: 10px 12px 0px 0px;
  float:left;
  overflow:hidden;
}

div.videoBox img
{
  height:60px;
  width:80px;
  margin-bottom:3px;
}
tr.pager
{
  font-size:12px;
  font-weight:400;
  color:#132530;
}
tr.pager a
{
    color:#132530;
    text-decoration:none;
}

span.clock
{
  background-image:url(../Images/clock.png); 
  background-position:left top;
  background-repeat:no-repeat;
  padding:0px 0px 2px 18px;
}

.makebig
{
   font-weight:bold;
}

.livefeedsgrid
{
  font-size:12pt; 
  width:100%;
  border:solid 1px silver;
}
.livefeedsgrid a
{
  color:#CD661D;
}
.livefeedsgrid tr.heading
{
  background-color:Silver;
}
.livefeedsgrid tr
{
border-bottom:solid 1px #DBDBDB;
}


div #divgalleryholder
{
  position:relative; border-collapse:collapse;
  margin-left:20px;
}
.divProgressImage
{
  width:100%; text-align:center; top:245px; position:absolute;
}

.divCocProgressImage
{
  width:100%; text-align:center; position:fixed; top:400px; left:100px;
  z-index:1;
  margin-top: -50px;
  margin-left: -100px;
}

div #imgprogress
{
  width:100%; text-align:center; top:245px; position:absolute; display:none;
}
div #divLivefeedsGallery
{
  position:absolute; z-index:9; background-color:#F7F7F7; 
  top:-20px; height:670px; width:660px; 
  left:55px;
  padding:5px; border:solid 1px #BBBBBB; display:none; font-size:1em;
}
div #divGalleryTitle
{
  float:left;
}
.divGalleryClose
{
  float:right; padding:1px; margin-left:5px; vertical-align:middle
}
.divGalleryClose a
{
  cursor:pointer;
}
.tblGallery
{
  width:100%;
}
.tdGalleryMainImage
{
  height:500px; text-align:center; vertical-align:middle;
}
.divGalleryStrip
{
  height:140px; width:650px; border-top:solid 1px #BBBBBB; overflow:auto; vertical-align:middle;
}
.imgGalleryStrip
{
  height:83px; width:88px; border:solid 2px Silver;
}

.galleryTimeStamp
{
width:70px;    
}

.imgHide
{
	display:none;
}
.imgShow
{
	/*display:inline-table;*/
}
#noimagesmsg
{
  height:25px; width:150px; background-color:#ebebec; color:#5E8197;
  font-family: 'Roboto';
  padding:10px; border:solid 2px #132530; font-weight:bold; position:absolute; 
  left:300px; top:245px; display:none; font-size:1.5em; text-align:center; vertical-align:middle
}
.spanHQ
{
  font-size:.8em; color:#F7F7F7; background-color:#5E8197; font-weight:bold; padding:2px;
}

.spanHQAudio
{
     height:16px; width:16px; color:#F7F7F7; background-color:#5E8197; background-image:url('../images/mic15.png');
     background-repeat:no-repeat;
     background-position:center center;
      font-weight:normal; padding:1px;
}
.mapbutton
{
	cursor:pointer;
}

/*--------------------------------- Calendar theme by abhishek --------------------------------------*/
.cal_Theme1 * { padding:0px; margin:0px;}
.cal_Theme1 .ajax__calendar_container{background-color: #e2e2e2; border:solid 1px #cccccc;width:175px;}
.cal_Theme1 .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;} 
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev{color: #004080; padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body{background-color: #F7F7F7; border: solid 1px #cccccc;width:175px;}
.cal_Theme1 .ajax__calendar_body table{ border:0px !important;}
.cal_Theme1 .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;} 
.cal_Theme1 .ajax__calendar_day{text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff; }
.cal_Theme1 .ajax__calendar_today{font-weight:bold;}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;}


.telstra
{
background-image:url("../Images/telstrapagebg.png"); 
background-repeat:no-repeat; 
background-position:center center;
}

.RecordingPlayDetails{
text-align:left; 
padding-left:5px; 
font-size:12pt;
}


.tandcs li
{
  margin-left:15px;
  text-align:justify;
}

.webnote
{
  margin-bottom:5px;
  color:Red;
  border: dashed 2px #D2691E;
  text-align:center;
  padding-top:1px;
  padding-bottom:1px;
  font-size:12pt;
}

.usercblist input
{
   margin-right:3px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.infoicon
{
 height:16px;
 width:16px;
 background-image: url(../images/infoicon_small.png);
 background-repeat:no-repeat;
 margin-bottom:-4px;
}

.popupMenu
{
  background-color:#F7F7F7;
  border: solid 1px #A7A9AC; 
  font-family:Arial;
  font-size:12px;
  width:89px;
  min-height:39px;
  padding-bottom:5px;
}
.popupMenu:hover
{
  background-color:#F7F7F7;
}
.popupMenu a
{
  text-decoration:none;
  color:#132530;
}

.downloadimg
{
   background-image:url(../Images/downloadmini.png); 
  background-position:right center;
  background-repeat:no-repeat;
   width:14px;
   height:14px;
   margin-left:6px;
   display:inline;
}
.downloadimghover
{
   background-image:url(../Images/downloadmini.png); 
   background-position:right center;
   background-repeat:no-repeat;
   width:14px;
   height:14px;
   margin-left:6px;
   cursor:default;
    display:inline;
}


.downloadTable h3
{
  color:Gray;
}

.downloadlink
{
    width:200px; height:80px;
    border: solid 1px #FBCE9E;
    padding:5px; float:left; margin-right:15px;
    margin-top:5px;
}

.downloadlink a
{

  padding-left:17px;
  background-image:url(../Images/downloadminidim.png); 
  background-position:left top;
  background-repeat:no-repeat;
  text-decoration:none;
  color:#F8AA45;
  font-weight:bold;
  font-size:12pt;
}

.downloadlink a:hover
{
  background-image:url(../Images/downloadmini.png); 
  text-decoration:underline;
  color:#D97C03;
}

.downloadlink div.desc
{
  margin-top:5px;
  font-size:12pt;
}

.companyshare
{
   height:20px;
   width:235px;
   border:solid 1px #132530;
   font-size:9pt;
   cursor:pointer;
}

.regionSelectionCordDiv
{
	position:absolute;
	padding:2px;
	background-color:White; 
	border:solid 1px silver; 
	z-index:3;
}
.regionSelectionDiv
{
	position:absolute; background-color:Green; z-index:1;
}
.regionSelectionImage
{
	position:relative;
	z-index:2; 
	filter: alpha(opacity=65);
	-moz-opacity:0.6; 
	opacity: 0.6;
    cursor:crosshair; 
    height:240px; 
    width:360px;
}
.image240360
{
	 height:240px; 
    width:360px;	
}

.CheckBoxClass
{
	/*display:none;*/
	margin-left:5px;
}
.styledCB_Empty
{
	/*padding: 0px 3px 0px 20px;	
	background: url(../Images/checkbox_empty.png) no-repeat;*/
	color:#EEEEEE;
	background-color:#535353;
	font-size:.75em; font-family:Arial;

}
.styledCB_Full
{
	/*padding:0px 3px 0px 20px;
	background: url(../Images/checkbox_full.png) no-repeat;*/
	background-color:#535353;
	color:#EEEEEE;
	font-size:.75em; font-family:Arial;
}
.styledSwitch_On
{
	height:50px;
	font-family:Arial;
	padding: 0px 3px 0px 50px;
	background: url(../Images/switch_on-icon.gif) no-repeat;
	background-position:left top;
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}
.styledSwitch_Off
{
	height:50px;
	font-family:Arial;
	padding: 0px 3px 0px 50px;
	background: url(../Images/switch_off-icon.gif) no-repeat;
	background-position:left top;
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}
.optionbar
{
	background: url(../Images/slider.png) no-repeat;
	background-position:center top;
	height:23px;
	padding-top:5px;
	background-color:Silver;
	color:Silver;
	font-size:.8em;
}
.bannerFor3dDashboardLeft
{
	/*background: url(../Images/footer.jpg) no-repeat;*/
	padding: 0px 0px 0px 150px;
	background: url(../Images/mviewwebconsole.jpg) no-repeat;
	background-position:left top;
	background-color:White;
	height:44px;
	vertical-align:middle;
}
.bannerFor3dDashboardRight
{
	padding: 0px 200px 0px 0px;
	background: url(../Images/footer.jpg) no-repeat;
	background-position:right top;
	background-color:White;
	height:44px;
	vertical-align:middle;
}
.infowindowcls
{
 font-size:.8em;
 text-align:left;
 height:40px;
}


.btn {
border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #B3B3B3;
	display: inline-block;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: whiteSmoke;
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: -moz-linear-gradient(top, white, #E6E6E6);
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -30px;
  /*-webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;*/
}

.btn-primary, .btn-primary:hover{
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn.disabled, .btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.silver
{
	color:Silver;
}

.trans70
{
	filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

/* fix for data table row per page selection box */
.dataTables_length select {
	width:75px;
}
.recordsnotfound{
margin-left:20px;color:silver;font-size:1.2em
}

.rounded4{
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* fix for html editor colour picker buttons */
.ajax__htmleditor_toolbar_button  td {
padding : 0px;
}


.fancy input[type="checkbox"] { 
	position: absolute;
	opacity: 0;
}

.fancy input[type="checkbox"] + div {
	vertical-align: middle;
    width: 34px;	height: 15px;
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
	margin: 15px 1.2em 15px 2.5em;
}


.fancy input[type="checkbox"] + div > div {
	float: left;
	width: 15px; height: 14px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	margin-top: 1px;
	margin-left: 1px;
}


/* Checked Tiny Knob (Blue Style) */
.fancy input[type="checkbox"]:checked + div > div {
	-webkit-transform: translate3d(16px, 0, 0);
	-moz-transform: translate3d(16px, 0, 0);
    
    transform: translateX(16px);
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
	
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

.linkBtnInactive {
    color: gray !important;  
}

.linkBtnInactive:hover {
    color: gray !important;
    border-bottom: 1px solid gray !important;
}

.blank_row {
    height: 2px; 
    background-color: #FFFFFF;
}

.watermarked {
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

/* to change colour of placeholder text in a textboxes */
*::-webkit-input-placeholder {
    color: #ccc8c8;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #ccc8c8;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #ccc8c8;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc8c8;
}

/***********************************Flipping CSS*************************************************/
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip .back {
		transform: rotateY(0deg);
         visibility:visible !important;
        
	}
	.flip .front {
	    transform: rotateY(0deg);
        visibility:hidden;
	}
.hide{
    display:none;
}
.flip-container, .front, .back {
	width: 100%;
}

/* flip speed goes here */
.flipper {
	transition: 0.0s;
	transform-style: preserve-3d;

	position: relative;
    margin: 0 0 3px 0;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.0s;
	transform-style: preserve-3d;
    
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    z-index: 2;
	transform: rotateY(0deg);
    visibility:hidden;
}

/* 
	Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .back {
	    transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    transform: rotateX(0deg);
	}

    .scrollit  {
        overflow:scroll;
        height:500px;
    }


   .loading , .loadingVerify {                         
	    z-index: 9999;
        background: url('../Images/icon_loading.gif') no-repeat 50% 50%;              
    } 

   .divVerifySubPanel td {
       padding: 0px;
   }
   
  .navbar {
  
  font-size: 22px;

  padding: 5px 10px;
}


.bellbutton {
  color: white;
  display: inline-block; 
  position: relative; 
  padding: 2px 5px; 
  
}


span.noticlock{

  background-image:url(../Images/alarm.png);
  background-size:13px 13px; 
  background-position:left bottom;
  background-repeat:no-repeat;
  padding:0px 0px 0px 20px;
  

}
    
/************************************************************************************/
#nav{list-style:none;margin: 0px;padding: 0px;}
#nav li {
float: left;
/*margin-right: 20px;*/
font-size: 14px;
font-weight:bold;
height:auto;
z-index:10000!important;
}
#nav li a{color:#333333;text-decoration:none}
#nav li a:hover{color:#006699;text-decoration:none}
#notification_li
{
position:relative;
    
}
#notificationContainer 
{
background-color: #fff;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 37px;
margin-left: -348px;
width: 400px;
height:500px;
overflow-y:auto;
overflow-x:hidden;
display: none; 
z-index:10 !important;
}

#notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
margin-left: 188px;
}
#notificationTitle
{
text-align:left;
font-weight: bold;
padding: 8px;
font-size: 13px;
background-color: #ffffff;
position: relative;
z-index: 1000;
width: 384px;
border-bottom: 1px solid #dddddd;
}
#notificationsBody
{
padding: 4px 0px 0px 0px !important;
min-height:430px;
}
#notificationFooter
{
background-color: #e9eaed;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
bottom:0px;
left:0px;
position:relative;
clear:both;
}
.noty_buttons {
    text-align:center;
}

  .ModalPopupBG {
            background-color: #000;
            filter: alpha(opacity=50);
            opacity: 0.5;
            z-index: 9999999 !important;
        }

        .modalpanel {
            z-index: 99999999 !important;
            /*left:23% !important;*/
            width:53% !important;
            width:885px !important;
        }
       
        .modalpanelwrap
        {
            z-index: 99999999 !important;
            
        }
        .PopupBody {
            padding-top: 5px;
            padding-left: 20px;
            /*height:640px;*/
        }

        .ModalPopup {
            min-width: 200px;
            min-height: 150px;
            background: white;
        }

        #PopupHeader {
            position: absolute;
            top: 0%;
            right: 0%;
            margin-right: 0px;
            margin-top: 0px;
            width: 100%;
            height: 20px;
        }

#close, #closeRtac {
    display: block;
    float: right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 30px;
    height: 30px;
    background: url(../images/close_button.png) no-repeat center center;
}
        #closesession {
            display: block;
            float: right;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 30px;
            height: 30px;
            background: url(../images/close_button.png) no-repeat center center;
        }
        
         #closeedit {
            display: block;
            float: right;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 30px;
            height: 30px;
            background: url(../images/close_button.png) no-repeat center center;
        }
        
         #closeadd {
            display: block;
            float: right;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 30px;
            height: 30px;
            background: url(../images/close_button.png) no-repeat center center;
        }
         #closerfa {
            display: block;
            float: right;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 30px;
            height: 30px;
            background: url(../images/close_button.png) no-repeat center center;
        }
         .closesessionviewer {
            display: block;
            float: right;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 30px;
            height: 30px;
        }
      .content {display:none;}
    a.expander.expanded {
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/expanded.gif);
}

a.expander.collapsed  {
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/collapsed.gif);
}
.modal
{
    position: fixed;
    z-index: 99999999;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center
{
    z-index: 1000;
    margin-top: 400px ;
    margin-left:50%;
    padding: 10px;
    width: 50px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center img
{
    height: 50px;
    width: 50px;
}
a:focus {
    outline: none;
}
.bluelink {
    color: #01209f;
    font-size: 12px;
    border-bottom: 1px solid #A7A9AC;
}
 .bluelinkdisabled 
{
    color:#c0c0c0;
    font-size:12px;
    pointer-events: none;
}
 #custom-handle-tagged,#custom-handle-untagged {
    width: 1.6em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    z-index:1;
    border-radius:.8em;
    
  }
 
 #slider-tagged ,#slider-untagged{
    width: 130px;
   border-radius:10px;
   height:.2em !important;
  }
.clsboldfont {
    font-weight:bolder;
    font-size:12px;
}
#custom-handle-tagged:focus {
    outline: 0;
    outline: none;
}
#custom-handle-untagged:focus {
    outline: 0;
    outline: none;
}
.streaming_badge {
    background-color: #ffffff;
    border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    color: #d80b0b;
    font-weight: bold;
    padding: 1px 3px;
    font-size: 11px;
    position: relative;
    top: -4px;
    left: -10px;
}
.streaming_badge_empty {
    display:none;
}
.top_msg_bar{
    position: relative; top: 0px; left: 0px; width: 100%; background-color:#F3F3F4; font-size:16px; text-align:center;margin-bottom:5px;
}
.top_msg_bar table{
    border-collapse: collapse; width:100%
}
.top_msg_bar .success td{
    color:green;
}
.top_msg_bar .error td{
    color:#E2231A;
}
.top_msg_bar .info td{
    color:#6D6E71;
}

.top_msg_bar i{
    font-size:1.6em; float:left
}
.squaredFour {
  width: 20px;
  position: relative;
  /*margin: 20px auto;*/
}
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  border-radius: 4px;
  /*box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
  border: 1px solid #CCC;
  margin-top:-2px;
}
span[disabled="disabled"] + label {
    background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 40%, #eeeeee 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 40%, #eeeeee 100%);
}
.squaredFour label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/*.squaredFour label:hover::after {
  opacity: 0.5;
}*/
.squaredFour label:hover::after {
  opacity: 0.0;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.divfileupload {
    margin-top: 50px;
    margin-bottom: 40px;
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
    margin-left:-18px;
    height:400px;
}
.MapVideoHeader:hover {
    cursor: move;
}
.MapAudioHeader:hover {
    cursor: move;
}
#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.MapVideoHeader {
    background-color:#fafafa;
    height:30px;
    text-align:center;
}
.MapAudioHeader {
    background-color:#fafafa;
    height:30px;
    text-align:center;
}
.changeLog tr {
    background-color:white;
}

.changeLog tr:hover {
    background-color:#EBEBEC;
}

.noty_message{
    max-height: 300px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.progress-range1 {
    color: #57DC6F;
}

    .progress-range1::-webkit-progress-value {
        background-color: #57DC6F;
    }

    .progress-range1::-moz-progress-bar {
        background-color: #57DC6F;
    }

.progress-range2 {
    color: #FFA834;
}

    .progress-range2::-webkit-progress-value {
        background-color: #FFA834;
    }

    .progress-range2::-moz-progress-bar {
        background-color: #FFA834;
    }

.progress-range3 {
    color: #FF3823;
}

    .progress-range3::-webkit-progress-value {
        background-color: #FF3823;
    }

    .progress-range3::-moz-progress-bar {
        background-color: #FF3823;
    }

progress {
    border-radius: 50px !important;
    width: 200px;
}

.Hyperlink{
   color:#1159ee;
   text-decoration:underline;
   float:left; margin:5px;
}

.usericon{ margin-left:10px;}

#ui-datepicker-div {
	z-index:5 !important;
}