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

*{margin:0;padding:0;}

html {
	height:100%;
}

body  {
	font: 100% Tahoma, Arial, Verdana, Helvetica, sans-serif;
	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{
color:#ff8b08;
text-decoration:none;
}

a img
{
border:0px;
}

/*Main background style Start*/
#container {
	width: 900px;
	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: 11px;
}

#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;
height:159px;
}

#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" */

}

#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:10px;
float:right;
margin: 13px 190px 0 0;
}

#footerHolder a
{
color:#999999;
}

#footerHolder .selected
{
color:#000000;
}

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

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

/*Main background style End*/


/*Top Header section Start*/

#topHeader
{
width: 839px;
/*border:1px solid red;*/
height:143px;
float:right;
margin:6px 30px 0 0;
text-align:left;
display: inline;		/*IE 6 Fix */
}

/*#navHolder
{
height:60px;
background: #ffffff url(../images/nav_main.gif) top left no-repeat;
}*/

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


/*Main content section Start*/
#contentHolder
{
width: 839px;
float:right;
margin:0 30px 0 0;
text-align:left;
display: inline;       /*IE 6 Fix */
}

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

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

.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:11px;
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:11px;
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:12px;
color:#ff7800;
padding: 5px 0 0 10px;
text-transform:uppercase;
font-weight:normal;
}

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

.date
{
font-size:11px;
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;
}

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

/*Main content section End*/

/*Footer section Start*/

#footerHolder
{
width:839px;
height:56px;
/*border: 1px solid red;*/
float:right;
margin:30px 30px 0 0;
text-align:left;
display: inline;	/*IE 6 Fix */
}

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

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

.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;
}

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;
}

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;
}

.tblTxt
{
font-size:11px;
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:11px;
font-family:Arial, Helvetica, sans-serif;
}


/*----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:196px;
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:11px;	
}
.internal #rightCol
{
width:550px;
/*border: 1px solid blue;*/
float:right;
font-size:11px;
}

#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:14px;
color:#ff8b08;
border-bottom:1px solid #d9d9d9;
padding-top:0;
}

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

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

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

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

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

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

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

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

.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: 10px;
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:196px;
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:11px;	
}
.content #rightCol
{
width:550px;
/*border: 1px solid blue;*/
float:right;
font-size:11px;
}

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

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

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

.content #rightCol p
{
font-size:11px;
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;
}

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

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

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

.date
{
font-size:11px;
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:12px;
color:#000000;
padding: 5px 0 0 10px;
text-transform:uppercase;
font-weight:normal;
}

/* Usage Month Label */
.usageforMonthLabel
{
  padding:10px 0 10px 10px;
  font-size:11px;
  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:11px;
	  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:11px;
}
#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:11px;
	  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 11px verdana, arial, helvetica, sans-serif;
	color: #363636;
	background: #ffebd3;
}
.tblDesign td, th 
{
	width: 100px;
	border: 1px dotted #03476F;
	padding: .6em;
	color: #363636;
}

.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;
}
.tblDesign tbody td:hover 
{
	background: #FEE6CE;
	border: 1px solid #03476F;
}
/*
.tblDesign tbody tr:hover {
background: #fed7a9;
border: 1px solid #03476F;
color: #FFFFFF;
}
.tblDesign tbody tr:hover th,
tbody tr.odd:hover th {
background: #fed7a9;
color: #FFFFFF;
}
.tblDesign tbody td a:hover {
background: #fed7a9;
color: #000000;
}*/

/*Table styles end*/


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

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

/*----Logout-------*/
.logout, .logout a
{
	float: right;
	color: #666666;
}
/*----Logout end-------*/

/*----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;
	}
/*----Snapshot Gallery - Thumbnail Image-------*/

/*----DetailsView control-------*/
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;
}

span.AspNet-DetailsView-Name
{
	font-weight:bold;
	left:0;
	position:absolute;
	top:3px;
}

span.AspNet-DetailsView-Value 
{
	margin-left:8em;
}

/*----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:500px;
	float:left;
}
.rightGallery
{
	width:339px;
	float:left;
}
.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; }

#nav{
	margin-left:10px;
	font:11px Arial;
	text-transform: uppercase;
}
#nav_wrapper {
	float: left;
	width: 839px;
	height: 72px;
	background: url("../images/nav_mainbg_withsubmenu.gif") no-repeat;
	position: relative;
}

#menu ul {
	float:left;
	list-style-type:none;
	padding:0px;
	width:800px;
	margin-top: 21px;
	/*margin-left: 10px;*/
}
#menu ul li {
	float:left;
	/*background:url("../images/tableft.gif") 
	no-repeat;*/
	margin-right:5px;
}

#menu ul li a {
	float:left;
	background-position: 100% 0%;
	padding-left:10px;
	padding-right:8px;
	text-decoration:none;
	color:#000;
	line-height:30px;
	margin-right:3px;
	}
	
* html #menu li:hover {
	background:url("../images/tabright.gif") no-repeat;
	background-position: 100% 0%;
	/*padding-right:15px;*/
	padding-right:0px;
}

#menu ul li:hover {
	background:url("../images/tabright.gif") no-repeat;
	background-position: 100% 0%;
}

#menu ul li a:hover {
	float:left;
	color: #fff;
	background:url("../images/tableft.gif") no-repeat;
	margin-right: 3px;
}


#menu ul li#active{
	color: #fff;
	background:url("../images/tabright.gif") no-repeat;
	background-position: 100% 0%;
}
#menu ul li#active a{
	color: #fff;
	background:url("../images/tableft.gif") no-repeat;
	margin-right: 3px;
}
* html #sub ul{
 	float:left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	_padding-top: 0px;		/*IE6 Fix */
}

 * + html #sub ul {
 	float:left;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
 }
 
#sub
{
	font-size:8pt;
	line-height:normal;
}

#sub ul {
	float:left;
	list-style-type:none;
/*	margin-top: -10px;*/
	padding-top: 2px;
	padding-left:20px;
}

div#sub ul li {
	float:left;
	padding-right: 10px;
	padding-top: 3px;
	}
	
#sub ul li a {
	float:left;
	font:11px Arial;
	text-decoration:none;
	color:#fff;
	margin-right:5px;
	margin-left:0;
	}
	
#sub ul li a:hover {
	float:left;
	font:11px Arial;
	text-decoration:none;
	color:#ff8b08;
	margin-right:5px;
	}
	
#sub ul li#subactive a{
	color:#ff8b08;
}
/*End menu*/

/*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:310px;
	float:left;
	font-size:11px;	
	margin: 10px 10px 10px 0px;
}
.usage #rightCol
{
	width:519px;
	float:left;
	font-size:11px;
}

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


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

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

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

}
.usageTable
{
	width:100%;
	overflow:auto;
}
.usageTable caption
{
  margin:10px 10px 10px 10px;
  color:#FF8B08;
}

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

.usageTable td
{
	text-align:center;
}
.usageTableHeader
{
	color: #000000;
}

.planPanel
{
  margin: 10px auto auto auto;
}
.planPanel legend /* Panel's Grouping Text */
{
	color:#FF8B08;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.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:11px;
padding-left: 10px;
}
.rightColContacts
{
width:439px;
float:left;
font-size:11px;
}
.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-------*/
.tblPhotos
{
	margin-left: auto;
	margin-right: auto;
}
.tblPhotos td
{
	text-align: center;
}

/*----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;
}

.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;
}