body { margin:0; padding:0; width:100%; background:white url(images/bg.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* main */
.main { width:100%; padding:0; margin:0;}
/********** header **********/
.header { height:99px; width:1002px; margin:0 auto 17px auto; background:url(images/header_bg.jpg);}

/* logo */
.logo { padding:0; margin:0; width:472px; height:99px; float:left;}
/* search */
.search { float:right; width:315px; padding:0; margin:18px; height:58px; background:url(images/search_bg.jpg) no-repeat top;}
.search form { display:block; float:left; padding:20px 10px 0 10px;}
.search b { display:block; float:left; padding:2px 5px; color:#bcbcbc; font:normal 12px Tahoma, Geneva, sans-serif;}
.search span.bgs { float:left; display:block; background:url(images/search_p_r.gif) no-repeat right; height:20px; margin:0 10px; width:170px;}
.search span.bgs span { display:block; background:url(images/search_p_l.gif) no-repeat left; height:20px;}
.search form .keywords { background:none; border:0; height:13px; width:160px; padding:4px 5px; line-height:13px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#333;}
.search form .button { float:left; margin:2px 0;}

.memberzone{float: right; padding: 1px;}
.memberzone b { display: inline; color:black; font:normal 12px Tahoma, Geneva, sans-serif;}

/* block header */
.block_header { margin:0 auto; width:1000px; background:url(images/title_page_bot.png) bottom left; padding:0 0 10px 0;}
/* menu */	
.menu { padding:0; margin:0; width:1000px; height:50px; background:url(images/menu_bg.gif)}
.menu ul { padding:5px 15px; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0; border-right:1px dotted #757d82;}
.menu ul li a { float:left; margin:0; padding:14px 0; color:#ffffff; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:14px; background:none;}
.menu ul li a.active { background:url(images/menu_h.gif);}
.menu ul li a:hover { background:url(images/menu_h.gif);}

/*sub menu panel */
.submenupanel {min-height:23px;  background-image: url('../images/DT-Menu-SubBg.gif'); background-repeat: no-repeat; background-color:#2A353B; padding-left: 40px; padding-top:0px; margin-left:1px; color:#ffffff; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none; vertical-align:middle;}
.submenupanel a { color:#3f91b4; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.8em;}
.submenupanel span { padding-top:2px;}


/* header title */
.header_title { background:url(images/title_page_bg.gif);}
.header_title img { float:left; margin:0;}
.header_title img.img_title { float:left; margin:5px 60px;}
.header_title h2 { margin:0; padding:5px; font:bold 19px Arial, Helvetica, sans-serif; color:#FFF; line-height:1.4em;}
.header_title p { margin:0; padding:2px 2px ; font:normal 13px Arial, Helvetica, sans-serif; color:#acb5b9; line-height:1.8em;}

/* body menus */
ul.body_menu_nav { float:left; padding:10px; margin:0 auto; list-style:none; width:980px; height:22px;}
ul.body_menu_nav li { float:left; display:block; padding:0 10px; margin:0;}
ul.body_menu_nav li span { font:bold 9px Arial, Helvetica, sans-serif; color:#7f8689; line-height:1.8em;}
ul.body_menu_nav li a { width:22px; height:22px; background: url(../images/listre.png) no-repeat right top; display:block; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#FFF; text-decoration:none; line-height:1.8em; text-align:center;}
ul.body_menu_nav li.tabs-selected a { background: url(../images/listre_h.png) no-repeat right top;}
ul.body_menu_nav li a:hover { background: url(../images/listre_h.png) no-repeat right top; color:#2a353b;}

/* line panel */
.line_panel { background:url(images/list_ban.gif); width:966px; height:90px; margin:17px auto 0 auto; padding:0 17px;}
.panel_box { float:left; width:322px; background:url(images/list_line.gif) no-repeat right; margin:5px 0;}
.panel_box2 { float:left; width:100%; margin:5px 0;}
.panel_boxhalf { float:left; width:50%; margin:5px 0;}
.panel_box img, .panel_box2 img, .panel_box_full img, .panel_boxhalf img { float:left; padding:0 10px;}
.panel_box p, .panel_box2 p, .panel_box_full p, .panel_boxhalf p { font:normal 13px Arial, Helvetica, sans-serif; color:#5b5c5c; line-height:1.8em; padding:5px 0; margin:0;}
.line_panel .noborder { background:none;}
.panel_box_full { float:left; width:522px; margin:5px 0;}


/********** body **********/
.body { width:1000px; margin:0 auto; background:none;}

.body h2 { margin:10px 0 10px 0; padding:16px 5px 14px 65px; font:normal 22px Tahoma, Geneva, sans-serif; color:#424a55;}
.body h3 { margin:0; padding:10px 5px 10px 150px; font:bold 17px Arial, Helvetica, sans-serif; color:#666666;}
.body ul { margin:0 15px; padding:0;} 
.body li { margin:0; padding:0;} 
.body p, .body li { color:#414141; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body p { padding:5px; margin:0;}
.body strong { color:#898989; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body strong.big { color:#898989; font:normal 16px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { color:#3f91b4; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a.big { color:#3f91b4; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a.overide { color:#3f91b4; font:bold 15px Arial, Helvetica, sans-serif; line-height:1.8em; }

.body p.name { font:bold 11px Arial, Helvetica, sans-serif; text-align:right;}

/* box 1 */
.box_1_bg { background:url(images/box_2_bg.gif); margin:17px 0 0 0;}
.box_1_b { background:url(images/box_2_b.jpg) no-repeat bottom;}
.box_1_t { background:url(images/box_2_t.gif) no-repeat top; padding:10px 0 10px 40px;}

/* box 2 */
.box_2_bg { background:url(images/box_1_bg.gif); margin:30px 0 0 0;}
.box_2_b { background:url(images/box_1_b.gif) no-repeat bottom;}
.box_2_t { background:url(images/box_1_t.gif) no-repeat top; padding:10px 0 10px 40px;}

/* box 3 */
.box_3_bg { background:url(images/box_1_bg.gif); margin:30px 0 0 0;}
.box_3_b { background:url(images/box_1_b.gif) no-repeat bottom;}
.box_3_t { background:url(images/box_1_t.gif) no-repeat top; padding:10px 0 10px 40px;}

/* box_bold 3px solid */
div.box_bold { background:#FFF; border:3px solid #e0e0e0; margin:3px;}
div.box_bold div { background:url(images/box_d_tl.gif) no-repeat left top; margin:-3px;}
div.box_bold div div { background:url(images/box_d_tr.gif) no-repeat right top; margin:0;}
div.box_bold div div div { background:url(images/box_d_bl.gif) no-repeat left bottom; margin:0;}
div.box_bold div div div div { background:url(images/box_d_br.gif) no-repeat right bottom; margin:0; padding:10px;}
div.box_bold div div div div p { font:normal 10px Arial, Helvetica, sans-serif; line-height:1.6em;}
div.box_bold a { color:#3f91b4; font:normal 14px Arial, Helvetica, sans-serif; line-height:1em;font-weight: bold;}
div.box_bold strong {line-height:1em; font-size:12px; font-weight:bold;}

/* body side */
.body_left { float:left; width:280px; margin:10px 40px 10px 0 !important; margin:10px 20px 10px 0;}
.body_center { float:left; width:280px; margin:10px 40px 10px 0 !important; margin:10px 20px 10px 0;}
.body_right { float:left; width:280px; margin:10px 40px 10px 0 !important; margin:10px 20px 10px 0;}
.body_two_side { float:left; width:600px; margin:10px 40px 10px 0 !important; margin:10px 20px 10px 0;}
.body_full_side { float:left; width:900px; margin:10px 40px 10px 0 !important; margin:10px 20px 10px 0;}


/* Welcome */
h2.welcome { background:url(images/icon_t_1.gif) no-repeat left top;}
/* What we do */
h2.what_we_do { background:url(images/icon_t_2.gif) no-repeat left top;}
/* Our services */
h2.our_services { background:url(images/icon_t_3.gif) no-repeat left top;}
h2.our_services_big { background:url(images/icon_t_6.gif) no-repeat left top;}
h2.our_poll { background:url(images/icon_t_4.gif) no-repeat left top;}
ul.list_serv { list-style:none;}
ul.list_serv li { background:url(images/nav_l_l.gif) no-repeat left center; padding:0 0 0 15px;}
.services h3 { background:url(images/title_h3.gif) no-repeat 120px center; text-indent:20px;}
/* Testimonails */
h2.testimonails { background:url(images/icon_t_4.gif) no-repeat left top;}
/* Featured Services */
h2.featured_services { background:url(images/icon_t_5.gif) no-repeat left top;}
/* Articles */
h2.articles { background:url(images/icon_t_5.gif) no-repeat left top;}
div.dtArticle {width: 425px;}
.dtArticle strong {font-size:8pt; font-weight:bold;}
.dtarticleheading {font-size:8pt; border-bottom:1px solid #F1F1F1;}
.dtarticlefooter
{
    font-size: 8pt;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    border-top:1px solid #F1F1F1;
}


/* Portfolio */
.portfolio h3 { background:url(images/title_h3_protfolio.gif) no-repeat 135px center; text-indent:15px;}

/* contact */
h2.contact { background:url(images/icon_t_9.gif) no-repeat left top;}
h2.contact_us { background:url(images/icon_t_8.gif) no-repeat left top;}
h2.blocks { background:url(images/icon_t_7.gif) no-repeat left top;}
h2.email { background:url(images/icon_t_6.gif) no-repeat left top;}

ul.contact { padding:0; margin:0 20px; list-style:none;} 
ul.contact li { width:210px; background: url(images/sub_menu_l.gif) no-repeat 0 7px; padding:0 0 0 15px; margin:0 0 0 5px;}
ul.contact li a { padding:0; margin:0; background:none;}

/* sub navigation */
ul.sub_nav { padding:0; margin:0 auto; list-style:none; width:280px;}
ul.sub_nav li { background:url(images/sub_nav_bg.gif) no-repeat; padding:7px 10px; margin:2px 0;}
ul.sub_nav li a { background:url(images/sub_menu_l.gif) no-repeat left center; color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.sub_nav li a.none {color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.sub_nav li a.active { color:#6e6e6e;}
ul.sub_nav li a:hover { color:#6e6e6e; text-decoration:underline;}

/* Poll navigation */
ul.poll { padding:0; margin:0 auto; list-style:none; width:280px;}
ul.poll li { background:url(images/poll_bg.png) no-repeat; padding:1px 10px; margin:1px 0; min-height:20px;}
ul.poll li a { background:url(images/sub_menu_l.gif) no-repeat left center; color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.poll li a.none {color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.poll li a.active { color:#6e6e6e; }
ul.poll li a:hover { color:#6e6e6e; text-decoration:underline; background-image:none;}


/* big lists */
/* sub navigation */
ul.big_nav { padding:0; margin:0 ; list-style:none; width:500px;}
ul.big_nav li { background:url(../images/ul-large-plain.png) no-repeat; padding:12px 10px; margin:2px 0;}
ul.big_nav li.cal { background:url(../images/ul-large.png) no-repeat; padding:12px 10px; margin:2px 0;}
ul.big_nav li a { background:url(images/sub_menu_l.gif) no-repeat left center; color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.big_nav li a.none {color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.big_nav li a.active { color:#6e6e6e;}
ul.big_nav li a:hover { color:#6e6e6e; text-decoration:underline;}

/* 3in1Tile */
.health_tile { background:url(images/1in3TallTile-green.png) no-repeat left top; width:280px;height:138px;min-height:138px;}
.health_tile1 { background:url(images/1in3TallTile-green.png) no-repeat left top; width:280px;height:138px;min-height:138px;}
.health_tile0 { background:url(images/1in3TallTile-red.png) no-repeat left top; width:280px;height:138px;min-height:138px;}
.health_tile p, .health_tile0 p, .health_tile1 p { margin-left:70px; padding:2px 2px ; font:normal 13px Arial, Helvetica, sans-serif; color:#acb5b9; line-height:1.8em;}
.health_tile strong, .health_tile0 strong, .health_tile1 strong { color:#898989; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.8em;}
.health_loadoutter {margin: 0px 5px 5px 5px; height:20px; border:1px solid #CFCFCF;}
.health_loadinner {margin: 0px 0px 0px 0px; height:20px; background-color: Green; font:normal 13px Arial, Helvetica, sans-serif; color:White; text-align:center;}
.health_loadinner_fail {margin: 0px 0px 0px 0px; height:20px; background-color: Red; font:normal 13px Arial, Helvetica, sans-serif; color:White; text-align:center;}
.health_contents {height: 103px; min-height: 103px;}

/* 3in1Tile */
.health_load_tile { margin-left:10px;background:url(images/1in1tile-Load.png) no-repeat left top; width:900px;height:32px;min-height:32px;}
.health_load_tile p { margin-left:70px; padding:2px 2px; color:#acb5b9; line-height:1.8em;
    font-style: normal;
    font-variant: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

/* big lists XL */
/* sub navigation */
ul.bigxl_nav { padding:0; margin:0 ; list-style:none; width:600px;}
ul.bigxl_nav li { background:url(../images/ul-xlarge.png) no-repeat; padding:4px 10px; margin:2px 0; font-size:14px;}
ul.bigxl_nav li a { color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.bigxl_nav li strong { color:#3f91b4; font-weight:normal; font-size: 10px; padding:0 10px 0 10px;}
ul.bigxl_nav li a.none {color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.bigxl_nav li a.active { color:#6e6e6e;}
ul.bigxl_nav li a:hover { color:#6e6e6e; text-decoration:underline;}
ul.bigxl_nav li span {font-size:8pt; font-style:italic; }

/* big lists XL */
/* sub navigation */
ul.bigxxl_nav { padding:0; margin:0 ; list-style:none; width:900px;}
ul.bigxxl_nav li { background:url(../images/ul-xxlarge.png) no-repeat; padding:2px 5px; margin:2px 0; font-size:14px;}
ul.bigxxl_nav li a { color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.bigxxl_nav li a.none {color:#3f91b4; font-weight:normal; padding:0 0 0 10px;}
ul.bigxxl_nav li a.active { color:#6e6e6e;}
ul.bigxxl_nav li a:hover { color:#6e6e6e; text-decoration:underline;}
ul.bigxxl_nav li span {font-size:8pt; font-style:italic; }


/* lister */
ul.lister { padding:25px 5px 0 0; margin:0; list-style:none; float:right;}
ul.lister li { padding:0; margin:5px 3px; float:left;}
ul.lister li a { padding:2px 0; float:left; background:url(images/lister.gif) no-repeat; width:24px; height:24px; text-align:center; color:#c7c7c7; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
ul.lister li a:hover { background:url(images/lister_h.gif) no-repeat;}
ul.lister li a.active { background:url(images/lister_h.gif) no-repeat;}

/********** footer **********/
.footer { padding:0; margin:0 auto; width:960px;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#77848a; padding:30px 0; margin:0; text-align:right; width:50%; float:right;}
.footer a { color:#77848a; text-decoration:none;}
.footer ul { padding:20px 0; margin:0; width:50%; float:left; list-style:none;}
.footer ul li { padding:0 10px; margin:0; float:left; border-left:1px solid #bebfbf;}
.footer ul li a { color:#3497c4; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:underline;}
.footer ul li a:hover { text-decoration:none;}

/********** contact form **********/
.contactform { margin:0; padding:5px 10px;}
.contactform * { color:#222222;}
.contactform ol { margin:0; padding:0; list-style:none;}
.contactform li { margin:0; padding:0; background:none; border:none; display:block;}
.contactform li.buttons { margin:5px 0 5px 130px;}
.contactform label { margin:2px 10px 2px 0; width:120px; display:block; padding:5px 0; color:#898989; font:normal 14px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; text-align:right;}
.contactform label span { color:#2c2c2c;}
.contactform input.text { width:430px; border:1px solid #dcdcdc; margin:5px 0; padding:3px 2px; height:16px; background:#FFF; float:left;}
.contactform textarea { width:430px; border:1px solid #dcdcdc; margin:5px 0; padding:3px 2px; background:#FFF; float:left;}
.contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.contactform .formtype1
{
    width:100%;
}

.contactform .formtype1Label
{
   margin:2px 10px 2px 0; width:120px; display:block; padding:5px ; color:#898989; font:normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; text-align:right;
   }
   
.contactform .formtype1inputtext  input.text { width:430px; border:1px solid #dcdcdc; margin:5px 0; padding:3px 2px; height:16px; background:#FFF; float:left;}
  

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-top:1px solid #e3e3e3; padding:0; margin:10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}



/* simple css-based tooltip */
div.tooltiptable {
	background-color:#0B5E78;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../img/Selected.gif);

}

.emptyRatingStar {
    background-image: url(../img/unSelected.gif);
}

.savedRatingStar {
    background-image: url(../img/SetStar.gif);
}



testing
{
    border: 1px solid #FFFFFF;
    background-color: #202020;
    text-align: left;
}


/* side slide */
      
      .slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #DDDFDF;
      }      


/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.wrap {
	height:441px;
	overflow-y:auto;
}

.buttonBluePlain
{ width: 107px;
  height: 20px;
  text-align: center;
  background-image: url(../img/buttons/DTButtonBlue-Plain.gif);
    border: none;
    background-color: transparent;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.codesnippet
/* Background Color */
{
	background-color : #FFFFCC;	border: 1px solid #636563;	width: 230px; overflow:hidden;
}