/* CSS Mastery: Advanced Web Standards Solutions - pramit mehta copyright @ Narola Infotech */

html, body 		{ padding: 0; margin: 0; font-family:arial, tahoma; background:#f0f0f0}
img 			{ border: 0}
.table_white, .h1_black, .h1_blue, .h1_green, .bottomBg	{ background-color:#FFF}
.tablebg		{ background:#ECF5FD}

.headerbg		{ background:url(../images/headerBg.jpg) left top repeat-x; height:125px}
.border1		{ border:1px solid #D1E8FC }
.border1 td		{ border:1px solid #f6f6f6 }
.borederLeft	{ border-left:1px solid #E2E2E2}
.borderbottom	{ border-bottom:1px solid #E2E2E1}
.shadowleft		{ background:url(../images/shadow.jpg) left top repeat-y; width:15px}
.shadowright	{ background:url(../images/shadowright.jpg) left top repeat-y; width:15px}
.tableborder 	{ border:1px dashed #CCCCC1; padding:3px}
.tableborder td	{ border:1px solid #f0f0f0; padding:3px}

.floatl			{ float:left; width:auto}
.floatr			{ float:right; width:auto}
.clear		    { clear:both; margin:0; padding:0; overflow:hidden; height:0}

/* default links */

a, a.gray, a.gray1, a.white, a.red, a.blue, a.redish { text-decoration: underline}

a 		 { font-size:11px; color: #000}
a.gray   { font-size:11px; font-weight:700; color: #999998}
a.gray1  { font-size:12px; font-weight:100; color: #5D5D5D}
a.white  { font-size:12px; font-weight:700; color: #FFFFFE}
a.red 	 { font-size:11px; color: #ff7f7f}
a.blue 	 { font-size:12px; color: #03C}
a.redish { font-size:14px; padding:0 5px; color: red; font-weight:100}
a.blueu	 { font-size:12px; color: #03C}

a:hover, a:hover.gray, a:hover.gray1, a:hover.white, a:hover.red, a:hover.blue, a:hover.redish, a.blueu	 { text-decoration: none}

a:hover        { color: #039}
a:hover.gray   { color: #666665}
a:hover.gray1  { color: #010101}
a:hover.white  { font-size:13px; font-weight:700; color:#fff}
a:hover.red	   { color: red}
a:hover.blue   { color: #000001}
a:hover.redish { color: red; background-color:#ccc}
a.contentwh:hover	{ text-decoration:none; color:#fff }

/* - - - - DIV Layout - - - -*/
strong          { font-size:12px; color:#666465; font-weight:100; text-align:justify}
p, form 		{ margin-top: 0; margin-bottom: 0}
h4, h5, h6		{ margin:6px 3px; padding:0}

.main h1	{ color:#000000; text-align:center; background:none; border:none; font-size:38px; padding:0 0 5px 0; font-weight:bold; letter-spacing:-2px; margin:inherit; text-indent:inherit}
h1			{ background:url(../images/serviceIcon.jpg) left bottom no-repeat; border-bottom:1px solid #CCC; font-size:15px; color:#000; text-indent:60px; padding-top:14px; padding-bottom:10px}
h2			{ background:url(../images/headingIcon.jpg) left bottom no-repeat; border-bottom:1px solid #CCC; font-size:13px; color:#000;	text-indent:60px; padding-top:8px; padding-bottom:6px; margin-bottom:1px}
h3			{background:url(../images/serviceIcon.jpg) left bottom no-repeat; font-size:13px; color:red; text-indent:70px; padding-top:16px; padding-bottom:13px}
h4			{ background:url(../images/icon_arrow.gif) left center no-repeat; font-family:Geneva, Arial; font-size:16px; font-weight:700; color:#0D71AE; text-indent:8px; padding:3px; font-style:normal}
h5			{ font-size:14px; font-weight:100; color:#333; padding:3px; text-align:right; padding-top:8px}
h6 			{ color:#00619D; font-family:"Arial Narrow", Arial; font-size:22px; font-style:normal; font-weight:100; padding:3px; border-bottom:1px solid #CCC}

.tdatacell { font-size:12px; padding:5px; background:#FFF}
.dvhdr1    { background:#6DBCE7; font-size:12px; font-weight:bold; border:1px solid #6DBCE6; padding:5px; width:500px}
.dvbdy1    { background:#FFF; font-size:12px; border-left:1px solid #6DBCE5; border-right:1px solid #6EBCE5; border-bottom:1px solid #6DBCE8; padding:5px; width:500px}

.thead		{ background:#164DAA url(../images/headingbg.gif) 0 0 repeat-x; height:29px; padding:3px; color:#FFF; text-align:left}

/* ------- content ------*/
.space3pxcolor			 { height:1px; background-color:#EFEFEF; width:100%}
.color					 { color:#06C}
.color1					 { color:#CFCFCF; font-weight:100}
.color2					 { color:red; font-size:15px}
.contentsmall            { font-family:Tahoma; font-size:11px; color:#666465; padding:3px}
.content                 { font-size:11px; color:#333; padding:3px; text-align:justify}
.contentmain             { font-size:12px; color:#656565; padding:5px 0; text-align:justify}
.content12px             { font-size:12px; color:#06C; padding:0}
.content11px             { font-size:11px; color:#333; padding:0 5px 0 16px; text-align:left}
.content10px 			 { font-size:10px; color:#666565; padding:10px; text-align:center; font-weight:700; word-spacing:5px}
.content_blue   		 { font-size:11px; color:#039; padding:0}
.content9px 			 { font-size:11px; color:#646464; padding:0 10px 5px; text-align:justify}
.content_default		 { font-size:12px; color:#666664; font-weight:100}
.content_default1		 { font-size:14px; color:#666664; font-weight:700}

.content_leftpad		 { font-size:12px; color:#646465; padding:0 21px; text-align:justify; line-height:20px}
.content_home			 { font-size:12px; color:#666465; padding:8px 15px; text-align:justify}
.content_black 			 { font-size:11px; color:#010101; padding:3px}
.content_blackpad 		 { font-size:11px; color:#000101; padding:3px 3px 3px 0}
.content_white  		 { font-size:10px; color:#656665; padding:0}
.contentwh	    		 { font-size:11px; color:#fff; padding:0 5px 0 0}
.title1		    		 { font-size:13px; color:#010100; font-weight:700; text-align:center; margin-top:7px}
.title2 				 { font-size:12px; color:#039; font-weight:700; margin:2px}
.title3                  { font-size:13px; letter-spacing:1px; font-style:normal; color:#039; font-weight:700; margin:2px;  background:url(../images/line.jpg) left bottom repeat-x; width:100%; padding-bottom:6px}
.title4                  { color:#fffffd; letter-spacing:0}
.title5                  { font-size:13px; letter-spacing:1px; font-style:normal; color:red; font-weight:700; margin:2px;  background:url(../images/line.jpg) left bottom repeat-x; width:100%; padding-bottom:6px}
.title6                  { letter-spacing:-1px; font-size:20px; color:white; font-weight:100; padding:0 5px 0 0 }
.title7                  { font-size:13px; line-height:35px !important; font-style:normal; color:#039; font-weight:700; margin:2px;  background:url(../images/line.jpg) left bottom repeat-x; width:100%; padding-bottom:6px}

.paddign5px				 { padding:5px}
.paddign5				 { padding:0 7px}
.space25px               { height:25px}
.space20px               { height:20px}
.space16px               { height:18px}
.space15px               { height:15px}
.space10px               { height:10px}
.space8px                { height:8px}
.space5px                { height:5px}
.space2px                { height:2px}
.manage					 { padding:20px; text-align:justify}

/* -- rounded div ------*/
.t {background:#ECF5FD url(../images/round-topbg.jpg) 0 0 repeat-x}
.b {background: url(../images/round-bottombg.jpg) 0 100% repeat-x}
.l {background: url(../images/round-leftmbg.jpg) 0 0 repeat-y}
.r {background: url(../images/round-rightmbg.jpg) 100% 0 repeat-y}
.bl {background: url(../images/round-leftb.jpg) 0 100% no-repeat}
.br {background: url(../images/round-rightb.jpg) 100% 100% no-repeat}
.tl {background: url(../images/round-leftt.jpg) 0 0 no-repeat}
.tr {background: url(../images/round-rightt.jpg) 100% 0 no-repeat; padding:10px}


/* -- header ------*/
.heading1		{ font-size:13px; color:#000; background-color:#F8F8F8; font-weight:700; padding:3px 0 3px 6px; border-left:3px solid #CCC}
.heading2		{ font-size:12px; color:#06C; text-indent:15px; font-weight:100; padding:5px 0; background:url(../images/bullet2.gif) left top no-repeat}
.heading3		{ font-size:13px; color:#06C; text-indent:5px; font-weight:100; padding:0 0 3px; background-color:#f2f2f2; text-align:left}
.heading4		{ font-size:14px; color:#06C; padding:0 0 3px}
.heading5  		{ font-size:13px; color:#333; font-weight:100; padding:0}
.heading6  		{ font-size:14px; color:#000; text-indent:18px; padding:5px 0; background:url(../images/arrow.gif) 5px top no-repeat; background-color:#FFC; font-weight:700}
.heading7  		{ font-size:15px; color:#000; text-indent:5px; padding:5px 0; font-weight:700; border-bottom:1px dashed #E2E2E2}
.heading8		{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#000; font-weight:100; padding:3px 0}
.heading8 sup	{ font-size:10px; color:#000; font-weight:100}
.heading8 span	{ font-size:26px; line-height:30px }


/* - - - content css start - - - */
.h1_black		{ font-size:13px; color:#000; padding:4px 5px 0 0; font-weight:700; letter-spacing:0; text-indent:10px}
.h1_blue		{ font-size:13px; color:#039; padding:4px 5px 0; font-weight:700; letter-spacing:1px; text-indent:10px}
.h1_green		{ font-family:cursive; font-size:16px; color:#090; padding-top:4px; font-weight:100; letter-spacing:1px}
.border_top		{ background:url(../images/border_top.jpg) top right repeat-x; height:26px}
.border_left	{ background:url(../images/border_left.jpg) top right repeat-y; width:20px; height:100px}
.border_right	{ background:url(../images/border_right.jpg) top right repeat-y;  width:20px; height:100px}
.border_bottom	{ background:url(../images/border_bottom.jpg) top right repeat-x; height:23px}
.left_t_line	{ background:url(../images/left_t_line.jpg) top left no-repeat; width:20px; height:26px}
.right_t_line	{ background:url(../images/right_t_line.jpg) top left no-repeat; width:20px; height:26px}
.left_b_line	{ background:url(../images/left_b_line.jpg) top left no-repeat; width:20px; height:23px}
.right_b_line	{ background:url(../images/right_b_line.jpg) top right no-repeat; width:20px; height:23px}

/* -- Form ------*/
.input, .button		{ background-color:#FCFCFC; color:#333; font-family:Verdana; font-size:11px; font-weight:700; padding:2px 3px; outline:0}

/* -- Footer -- */
.bottomBg	{ background:url(../images/bottomBg.jpg) left top repeat-x; font-family: tahoma; font-size:10px; color:#919191; margin:2px; padding-right:0} 

/* -- main button CSS -- */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul, ul.leftmenu, ul.leftmenu li, ul.leftmenu ul	{ margin: 0; border: 0 none; padding: 0 }

ul#navmenu { list-style: none; height: 22px; white-space:nowrap; position:relative} 
ul#navmenu li { float: left; display: inline; list-style: none; position: relative;  height: 22px; width:auto}
ul#navmenu ul { width: 160px; list-style: none; display: none; position: absolute; top: 22px; left: 0}
ul#navmenu ul:after { clear: both; display: block; font: 1px/0 serif; height: 0; visibility: hidden} 
ul#navmenu ul li { width: 160px; float: left; display: block !important; display: inline }

/* Root Menu */
ul#navmenu a { border-right:1px solid red; padding:0 5px; float: none !important; float: left; display: block; color: #000; font: 700 12px/22px arial; text-decoration: none; height: auto !important; height: 1%; width:auto}
ul#navmenu a span { font-size:14px; font-weight:100}

/* Root Menu Hover */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a { background: #fff; color: #06C}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a { float: none; background:#666; color: #fff; width:244px; border:1px solid #000; border-top:1px solid #999}

/* 2nd Menu Hover */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a { background: #fff; color: #06C}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a { background:#666; color: #fff; width:220px}

/* 3rd Menu Hover */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a { background: #fff; color: #06C}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a { background: #fff; color: #06C}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #F6F7F9; color: #000}

ul#navmenu ul ul,
ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 256px}

/* Do Not Move */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul { display: none}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul { display: block}
/* -- end main button -- */

ul.leftnav,
ul.leftnav li,
ul.leftmenu ul { margin:0 0 0 15px; padding:0; list-style:square; list-style-image:url(../images/bullet.jpg)}

/* Root = Vertical, Secondary = Vertical */
ul.leftmenu,
ul.leftmenu li,
ul.leftmenu ul { position:relative; list-style:circle; width:100%; text-align:left}

ul.leftmenu:after {  clear: both; display: block; font: 1px/0 arial; height: 0; visibility: hidden}

ul.leftmenu li { float: left; display: block !important; display: inline; position: relative; width: 160px}

/* Root Menu */
ul.leftmenu a { border: 1px solid #FFF; padding: 2px 3px 2px 18px; display: block; background: #FFFDFE; color: #999; font: 12px/16px arial; text-decoration: none; color:#333133; font-weight:100; height: auto !important; height: 1% }

ul.leftmenu a span{ color: #000}
ul.leftmenu a span.red { color: red; font-weight:100; font-size:14px}

/* Root Menu Hover */
ul.leftmenu a:hover,
ul.leftmenu a:hover span,
ul.leftmenu li:hover a,
ul.leftmenu li.iehover a {  background: #F6F7F9; color: #039}

/* 2nd Menu */
ul.leftmenu li:hover li a,
ul.leftmenu li.iehover li a { background: #999; color: #FFF; width:200px; padding:3px 2px 3px 10px; border-right:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000}

/* 2nd Menu Hover */
ul.leftmenu li:hover li a:hover,
ul.leftmenu li:hover li:hover a,
ul.leftmenu li.iehover li a:hover,
ul.leftmenu li.iehover li.iehover a { background: #F6F7F9; color: #000}

ul.leftmenu ul,
ul.leftmenu ul ul,
ul.leftmenu ul ul ul { display: none; position: absolute; top: 0; left:253px}

/* Do Not Move*/
ul.leftmenu li:hover ul ul,
ul.leftmenu li:hover ul ul ul,
ul.leftmenu li.iehover ul ul,
ul.leftmenu li.iehover ul ul ul { display: none}

ul.leftmenu li:hover ul,
ul.leftmenu ul li:hover ul,
ul.leftmenu ul ul li:hover ul,
ul.leftmenu li.iehover ul,
ul.leftmenu ul li.iehover ul,
ul.leftmenu ul ul li.iehover ul { display: block}
ol { font-size:12px; color:#666664}

/* -------- */

.nav {padding:4px; margin:0; list-style:none; position:relative; cursor: pointer; text-align:left}
.nav li {float:left; margin-right:9px; margin-bottom:20px;list-style:none; text-align:center; clear:none; white-space:nowrap; Font-weight:100; width:160px; font-size:13px}
.nav li a {display:block; width:160px; float:left; text-decoration:underline; padding:0; cursor:pointer}

/* products slidshow */
#slideshow { position:relative; height:46px; width:100px}
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; height: 46px}
#slideshow DIV.active { z-index:10}
#slideshow DIV.last-active { z-index:9}
#slideshow DIV IMG { height: 46px; display: block; border: 0; margin-bottom: 2px}

.msg_list { margin: 0px; padding: 0px; width:100%}
.msg_head { padding: 5px 10px; cursor: pointer; font-size:20px; color:#000; position: relative; background-color:#f0f0f0; margin:1px}
.msg_body { padding: 5px 10px 15px; background-color:#fff}

/*  -----   border table css  -------- */
.datagrid { background-color:transparent}
.datagrid td { padding:0}
.datagrid tbody td { padding:10px 5px 0px 5px; vertical-align:middle; height:15px; border-bottom:1px dotted #f0f0f0; vertical-align:middle}
.datagrid thead td { cursor:default; font-family:tahoma; background:url(../images/headingbg.gif) left top repeat-x; letter-spacing:1px; font-size:12px; font-weight:700; color:#fffffe; vertical-align:middle; white-space:nowrap; height:29px}
.datagrid thead td:hover, .datagrid thead th:hover { color:#cccccb}
.datagrid thead th { cursor:default; background-color:#FFFEFE; background:url(../images/sort_table_bg.jpg) left top repeat-x; border-bottom:2px solid #67a000; font-family:tahoma; letter-spacing:1px; font-size:11px; font-weight:700; color:#FFF; vertical-align:middle; white-space:nowrap}

/* extra rules for even and odd rows */
.datacolor, .dataover, .datadown { font-size:11px; font-weight:normal; vertical-align:top; text-align:left }

.datacolor { height:15px; color:#2f2f2f; text-align:left; padding:2px 5px}
.dataover { background-color:#f0f0f0; color:#000 }
.datadown { background-color:#EBF8FF; color:#039}

#twitter_update_list { padding:3px; text-align:left; width:200px; margin-left:15px}
#twitter_update_list li { list-style-type: none; font-size:13px}
#twitter_update_list span { color: #000}
#twitter_update_list li a { display: inline; color:#06C; text-decoration: underline}
#twitter_update_list li a:hover { text-decoration: none; color: #000}


.twitter, .twitterhover, .facebook, .facebookhover, .linkedin, .linkedinhover { border:none; cursor:pointer; cursor:pointer; height:20px; width:20px }

.twitter 		{ background:url(../images/twitter.png) 0 0 no-repeat } 
.twitterhover 	{ background:url(../images/twitter.png) 0 -20px no-repeat } 
.facebook 		{ background:url(../images/facebook.png) 0 0 no-repeat } 
.facebookhover 	{ background:url(../images/facebook.png) 0 -20px no-repeat } 
.linkedin 		{ background:url(../images/linkedin.png) 0 0 no-repeat } 
.linkedinhover 	{ background:url(../images/linkedin.png) 0 -20px no-repeat }