@charset "utf-8";
/* General Definations */
*{ margin:0px; padding:0px; list-style:none; text-decoration:none; outline:none;}
body{ width:100%; height:100%; background:url(images/body_bg.jpg) repeat-x; font:12px Verdana, Geneva, sans-serif; color:#4f424a;}
h1{}
/*h3{ font: bold 16px "Times New Roman", Times, serif; color:#4f424a; float:left;  width:283px;}*/
p{ font: 12px Verdana, Geneva, sans-serif; color:#66595b; text-align:justify; float:left;}
img{ border:0px;}
.clear{ clear:both;}


/*Contents of the Layout*/
#Wrapper{ width:1024px; margin:0px auto;}
#WrapperLeft{ width:288px; float:left;}
#WrapperRight{ width:736px; float:left;}

/*logo*/
h1.logo{ width:256px; height:83px; float:left; background:url(images/logo_bg.jpg) no-repeat top; padding:83px 0px 0px 32px;}

/*Sidebar*/
.sideLinks{ width:243px; float:left; padding:0px 0px 0px 23px;}
.sidebar{ width:243px;  float:left; background:url(images/sidebar_mid.jpg) repeat-y; margin:0px 0px 6px 0px;}
.sidebarTop{ width:243px;  float:left; background:url(images/sidebar_heading.jpg) no-repeat top;}
.sidebarBottom{ width:243px;  float:left; background:url(images/sidebar_bottom.jpg) no-repeat bottom; padding:0px 0px 5px 0px;}
.sidebarBottom h2{ float:left; font-size:12px; height:25px; color:#fff; padding:10px 0px 5px 17px;}

ul.sidebar{ width:208px; float:left; padding:10px 0px 0px 16px;}
ul.sidebar li{ float:left; clear:both; }
ul.sidebar li a{ float:left; width:180px;  font-size:12px; color:#484848; text-decoration:none; padding:8px 0px 10px 38px;}
ul.sidebar li a:hover{color:#fc9422;}
ul.sidebar li a.active{color:#fc9422;}

ul.sidebar li a.diaryMgr{ float:left; background:url(images/icon_diary_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.noteMgr{ float:left; background:url(images/icon_note_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.emailMgr{ float:left; background:url(images/icon_email-manager.jpg) no-repeat left 7px;}
ul.sidebar li a.mailMerge{ float:left; background:url(images/mail_merge_mgr.jpg) no-repeat left 3px;}
ul.sidebar li a.taskMgr{ float:left; background:url(images/icon_task_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.wizardMgr{ float:left; background:url(images/icon_wizards.jpg) no-repeat left 7px;}
ul.sidebar li a.workflowMgr{ float:left; background:url(images/icon_workflow.jpg) no-repeat left 7px;}

ul.sidebar li a.compaign{ float:left; background:url(images/icon_comp_mgr.jpg) no-repeat left 7px;}

ul.sidebar li a.clientSelf{ float:left; background:url(images/icon_client_self_service.jpg) no-repeat left 7px;}
ul.sidebar li a.suppotMgr{ float:left; background:url(images/icon_support_mgr.jpg) no-repeat left 7px;}

ul.sidebar li a.projectMgr{ float:left; background:url(images/icon_project_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.taskMgr{ float:left; background:url(images/icon_task.jpg) no-repeat left 7px;}
ul.sidebar li a.trainingMgr{ float:left; background:url(images/icon_training_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.workflowPencil{ float:left; background:url(images/icon_workflow_mgr.jpg) no-repeat left 7px;}

ul.sidebar li a.accountMgr{ float:left; background:url(images/icon_accounts_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.businessPlan{ float:left; background:url(images/icon_business_plan_mgr.jpg) no-repeat left 7px;}

ul.sidebar li a.trainingMgr{ float:left; background:url(images/icon_training_mgr.jpg) no-repeat left 7px;}
ul.sidebar li a.workflowPencil{ float:left; background:url(images/icon_workflow_mgr.jpg) no-repeat left 7px;}

ul.sidebar li a.bullet{ float:left; background:url(images/sidebar_bullet.jpg) no-repeat left 12px;padding:8px 0px 8px 30px;}


/*#Nav{ width:auto; float:left; height:57px;}
#Nav ul li{ margin-right:5px; float:left; padding-top:6px; list-style:none; }

#Nav ul li a{ height:57px;float:left; list-style:none; color:#FFFFFF; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer;}
#Nav ul li a span{ text-decoration:none; color:#FFFFFF;  list-style:none;float:left; height:57px;}
#Nav ul li a span span{ text-decoration:none; color:#FFFFFF; float:left; padding:0px 11px 0px 11px;float:left; height:57px;}
#Nav ul li a span span span{ text-decoration:none; color:#FFFFFF; float:left; padding:26px 11px 0px 11px;float:left; height:57px;}

#Nav ul li a:hover{ background:url(images/menu-center-bg.jpg) repeat-x; color:#FFFFFF; text-decoration:none; list-style:none; line-height:57px; height:57px; float:left;}
#Nav ul li a span:hover{ background:url(images/menu-left-bg.jpg) no-repeat left; text-decoration:none; color:#FFFFFF; float:left; height:57px; list-style:none;}
#Nav ul li a span span:hover{ background:url(images/menu-right-bg.jpg) no-repeat right; text-decoration:none; color:#FFFFFF; float:left; height:57px; padding:0px 11px 0px 11px;}
#Nav ul li a span span span:hover{ border:1px solid red; float:left; background:url(images/menu_arrow.jpg) no-repeat left 6px; text-align:center; width:auto; text-decoration:none; color:#FFFFFF; }

#Nav ul li a.current{ background:url(images/menu-center-bg.jpg) repeat-x; color:#FFFFFF;  text-decoration:none; list-style:none; line-height:57px; height:57px; float:left;}
#Nav ul li a span.current{ background:url(images/menu-left-bg.jpg) no-repeat left; text-decoration:none; color:#FFFFFF; float:left; height:57px; list-style:none;}
#Nav ul li a span span.current{ background:url(images/menu-right-bg.jpg) no-repeat right; text-decoration:none; color:#FFFFFF; float:left; height:57px; padding:0px 16px 0px 16px;}*/

/*background:url(images/menu_arrow.jpg) no-repeat left 6px; text-align:center;*/

/*Seach Bar*/
.topBar{ width:707px;  float:left; clear:both; padding:78px 0px 0px 13px;}
#topBar{ width:707px;  float:left; clear:both; padding:78px 0px 0px 13px;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox{border:medium none;}
.searchBg{ background:url(images/search_bg.jpg) no-repeat; border-style:none; width:281px; height:25px; float:left; padding:0px 0px 0px 40px;vertical-align:middle;}
.inputSearch{ width:205px; padding:4px 0px 0px 5px; height:15px; margin:1px; float:left; border:0px; font:10px Verdana, Geneva, sans-serif; background:#f8f8f8; color:#999;}

.btSubmit{ background:url(images/bt_search.jpg) no-repeat; width:64px; height:25px; float:right; border:0px; cursor:pointer;padding:4px 0px 0px 0px; margin:-19px -34px 0; *margin:-21px -65px 0 0px;}

body:nth-of-type(1) .btSubmit{ margin-top: -5px;margin-right:-65px;}

.btFree{ background:url(images/bt_free.jpg) no-repeat; width:189px; height:26px; float:left; margin:0px 0px 0px 17px; }
.btFree:hover{ background:url(images/bt_free_hover.jpg) no-repeat; }

.btvolt{ background:url(images/bt_volt.jpg) no-repeat; width:157px; height:26px; float:left; margin:0px 0px 0px 9px; }
.btvolt:hover{ background:url(images/bt_volt_hover.jpg) no-repeat; }

/*Login*/
#dnn_dnnLOGIN_cmdLogin:link{text-decoration:none; }
#dnn_dnnLOGIN_cmdLogin:hover{text-decoration:none; }

/*Main*/
#Main{ width:707px; float:left; clear:both; padding:20px 0px 0px 0px;}
#Main2{ width:1024px; float:left; clear:both; padding:0px 0px 0px 140px;}

.pageName{ width:707px; height:25px; font :  12px Verdana, Geneva; color:#4f424a; float:left; line-height:25px;}
#showCase{ float:left; padding:0px 0px 17px 0px;}

.Maincontent{ width:704px;  float:left; background:url(images/main_mid.jpg) repeat-y;}
.MaincontentTop{ width:704px;  float:left; background:url(images/main_top.jpg) no-repeat top;}
.MaincontentBot{ width:704px;  float:left; background:url(images/main_bottom.jpg) no-repeat bottom; }
.MaincontentBot h2{ width:600px; height:23px; padding:11px 0px 0px 23px;  font: bold 12px Verdana, Geneva, sans-serif; color:#fff; float:left;}


.BoxContents{ width:707px; float:left;padding:24px 0px 30px 0px;}
.BoxRow{ width:685px; float:left; padding:0px 0px 0px 21px;}

.Box{ width:304px; height:262px;background:url(images/box_bg.jpg) no-repeat; float:left; padding:11px 12px 11px 12px; margin:0px 0px 14px 14px; }
.Box img{ float:left; padding:0px 0px 13px 0px;}
.Box p{ width:304px; height:85px; float:left; padding:0px 0px 5px 0px; }

.btView{ background:url(images/bt_view.jpg) no-repeat; width:69px; height:25px; float:right;}
.btView:hover{ background:url(images/bt_view_hover.jpg) no-repeat; }

.nomarginBoxRow{margin:0px 0px 14px 0px;}


/*Footer*/
#Footer{ width:100%; height:165px; background:url(images/footer_bg.jpg) repeat-x;}
.footerContainer{ width:770px; margin:0px auto;padding:0px 0px 0px 295px; }
.footerLinks{ width:740px; height:158px; list-style-type:none;}

.footerLinksDiv{ width:135px; float:left; padding:16px 0px 0px 42px;}
.footerLinksDiv h4{width:134px; padding:0px 0px 7px 0px; height:25px; font: bold 14px Verdana, Geneva, sans-serif; color:#fff; background:url(images/footerlinks_border.jpg) no-repeat bottom;}

.footerLinksDiv li a{ width:100px; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:3px 0px 3px 0px;}
.footerLinksDiv li a:hover{ text-decoration:underline;}



/*Bottom Footer*/
#BottomFooter{ width:100%;height:25px; margin:0px auto; background:url(images/footer_bg_bottom.jpg) repeat-x;}
#BottomFooter ul{ width:490px; padding:0px 0px 0px 28px ; list-style-type:none;vertical-align:bottom;}
#BottomFooter li{list-style-type:none; }
#BottomFooter li a{ float:left; background:url(images/footer_divider.jpg) no-repeat right; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:12px 12px 12px 12px;}
#BottomFooter li a:hover{ text-decoration:underline;}
#BottomFooter li a.nobg{ float:left; background:none;}
.copyRight{float:right; width:755px; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px 0px 0px 0px;}


/* BANNER */

#Banner{ width:693px; height:62px; float:left; background:url(images/blue_bottom.jpg) repeat-x; border:1px solid #cfcfcf;}
.bannerTop{ width:693px; height:208px; float:left;}

.bannerTopLeft{ width:341px; height:184px; float:left; padding:24px 0px 0px 26px; background:url(images/bg_bannertopleft.jpg) no-repeat;}
.bannerTopLeft p{ float:left; width:255px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:10px 70px 10px 0px; text-align:justify;}
.ViewMore{ width:131px; height:28px; float:left; padding:0px 105px 0px 105px;}
.btn_viewMore{ width:131px; height:28px; float:left; background:url(images/bt_viewMore.gif) no-repeat; }
.btn_viewMore:hover{ background:url(images/bt_viewMoreHover.gif) no-repeat;}
.bannerHead{ font: bold 45px Georgia, "Times New Roman", Times, serif; color:#fff; line-height:36px;}
.bannerTopRight{ width:338px; height:208px; float:left; background:url(images/bannerAd.jpg) no-repeat;}

.bannerBottom{ width:693px; height:61px; float:left; text-align:center;}
.paggingHead{font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:8px 0px 8px 0px; text-align:center; width:693px;}
#pagging{ width:300px; float:left; background:url(images/paggingLine.jpg) no-repeat top center; text-align:center; padding:0px 175px 0px 230px;}
#pagging ul{ width:150px; height:30px; float:left;}
#pagging ul li{ list-style:none; float:left;}
#pagging ul li a{ width:28px; height:20px; float:left; background:url(images/bg_pagging.jpg) repeat-x; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding:10px 1px 0px 1px;}
#pagging ul li a:hover{ background:url(images/bg_paggingHover.jpg) repeat-x; color:#fff; text-decoration:none;}
.pagePrev a{ width:20px; height:8px; float:left; background:url(images/arrow_paggingleft.gif) no-repeat center left; padding:11px 30px 11px 0px;}
.pageNext a{ width:20px; height:8px; float:left; background:url(images/arrow_paggingright.gif) no-repeat center right; padding:11px 0px 11px 30px;}


.ankor a{ width:28px; height:20px; float:left; background:url(images/bg_pagging.jpg) repeat-x; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding:10px 1px 0px 1px;}
.ankor a:hover{ background:url(images/bg_paggingHover.jpg) repeat-x; color:#fff; text-decoration:none;}
/*varun css*/


/* MenuBar */
div#sample01 div.menubar { margin:0;padding: 0px 0px 0px 0px;clear: both;position: relative;z-index:100;}
/*div#sample01 div.menubar-m {height: 23px;background: url(images/menu_bg.png) 0 0 repeat-x;}
div#sample01 div.menubar-l {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
div#sample01 div.menubar-r {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}*/

/* Menu */
div#sample01 .parent { cursor:pointer!important;}
div#ABCMenu li.parent:hover a span { cursor:pointer!important; color:#FFF!important;}
div#sample01 ul {margin: 9px 0 0;padding: 0px;list-style: none;float: left;}
div#sample01 li {position: relative;margin: 0px;padding: 0px;display: block;float: left;z-index: 5;}
div#sample01 li a, #menu li span.separator {height: 29px;display: block;float: left; text-decoration: none;color: #bc0000 !important; text-transform:capitalize;}
div#sample01 li span {display: block; font:bold 15px/24px Trebuchet MS,Arial,Helvetica,sans-serif; background-repeat: no-repeat;background-position: 95% 0px;}
div#sample01 li a.hover {color: #fff !important;}
div#sample01 li a.current {color: #fff !important;}
div#sample01 a:hover, div#sample01 span.separator:hover, div#sample01 span.sfhover {color: #fff !important;}
div#sample01 li.active {font-weight: bold;}
div#sample01 li.active ul {font-weight: normal;}
div#sample01 li.parent span.separator {cursor: pointer;}
div#sample01 li.fancy {position: absolute;top: -26px;visibility: hidden;z-index: 4;overflow: hidden;}
div#sample01 li.fancy div.fancy-container {padding: 0px 10px 0px 10px;}
div#sample01 li.fancy div.fancy-container div.fancy-m {height: 55px;background: url(images/sample01/nav-bg.png) 50% 0 no-repeat;}
div#sample01 li.fancy div.fancy-container div.fancy-l {position: absolute;top: 0px;left:0px;width: 10px;height: 55px;background: url(images/sample01/nav-left.gif) 0 0 no-repeat; /* ie6png:crop */}
div#sample01 li.fancy div.fancy-container div.fancy-r {position: absolute;top: 0px;right:0px;width: 10px;height: 55px;background: url(images/sample01/nav-right.gif) 0 0 no-repeat; /* ie6png:crop */}

div#sample01 ul.menu {position: absolute;top: 0;left: 12px;z-index: 11;height: 29px;}
div#sample01 li.level1 {top: 0;}
div#sample01 a.level1, div#sample01 span.level1 {color:#fff;padding: 0px 5px 0px 5px;background: url(images/sample01/menu_level1_item.png) 0 0 no-repeat;line-height: 0;font-weight: bold;font-size:12px}
div#sample01 a.level1 span, div#sample01 span.level1 span {padding: 0px 6px 0px 6px; color:#fff; } /* Gap between buttons */
div#sample01 li:hover a.level1, div#sample01 li.sfhover a.level1, div#sample01 li:hover span.level1, div#sample01 li.sfhover span.level1 {color: #000!important;}
div#sample01 li.active a.level1, div#sample01 li.active span.level1 {color: #fff;}
div#sample01 li.parent a.active, #menu li span.separator {color: #ffffff!important;}
div#sample01 li li a{color: #000!important; text-transform:none!important;}
div#sample01 li li.active a.active {color: #800000!important;}
div#sample01 a.level1 span.xtitle, div#sample01 span.level1 span.xtitle{padding: 0px;line-height: 100%;}
div#sample01 a.level1 span.sub, div#sample01 span.level1 span.sub {padding: 0px;font-size: 65%;font-weight: normal;color: #fff;margin-top: -7px;line-height: 150px;}

/* Sub Menu */
div#sample01 ul.menu ul {position: absolute;top: 20px;left: -999em;width: 165px;padding: 0px 0px 10px 0px;background: url(images/sample01/menu_dropdown_bg.png) 0 100% no-repeat;}
div#sample01 li:hover ul, div#sample03 li.sfhover ul {left: 0px;z-index: 100;}
div#sample01 li.level1 li {width: 100%;text-indent: 15px;}
div#sample01 li.level1 li a, div#sample03 li.level1 li span.separator{height: 25px;padding: 0px;margin: 0px 1px 0px 1px;background: #fff url(images/sample01/menu_level2_item.png) 100% 0 no-repeat;float: none;display: block;line-height: 25px;}
div#sample01 li.level2 a.parent, div#sample03 li li.level2 span.parent {background: #FEFEFE url(images/sample01/menu_level2_item_parent.png) 100% 0 no-repeat;}
div#sample01 li li.level2 span{ background-position:90% 50%;}
div#sample01 li ul ul {margin: -41px 0 0 164px;}
div#sample01 li:hover ul ul, div#sample03 li.sfhover ul ul {border-top: 1px solid #c8c8c8;color:#fff; }
div#sample01 li:hover ul ul, div#sample03 li.sfhover ul ul,  
div#sample01 li:hover ul ul ul, div#sample03 li.sfhover ul ul ul,  
div#sample01 li:hover ul ul ul ul, div#sample03 li.sfhover ul ul ul ul {left: -999em;}
div#sample01 li li:hover ul, div#sample03 li li.sfhover ul,  
div#sample01 li li li:hover ul, div#sample03 li li li.sfhover ul,  
div#sample01 li li li li:hover ul, div#sample03 li li li li.sfhover ul {left: 0;z-index: 100;}


/*=====================================================================*/
/*=====================================================================*/

.TopPane, .BottomPane, .ContentPane
{
	margin: 0;
	padding: 0 0px 0px 12px;
	text-align: left;
	vertical-align: top;
}
.LeftPane1
{
	margin: 0;
	padding: 0 0px 0px;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
.LeftPane2
{
	margin: 0;
	padding: 0 0px 0px;
	text-align: left;
	vertical-align: top;
}
.RightPane
{
	margin: 0;
	padding: 0 7px 7px;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
.SidePane33
{
	margin: 0;
	padding: 0 7px 7px;
	text-align: left;
	vertical-align: top;
	width: 33%;
}
.SidePane50
{
	margin: 0;
	padding: 0 7px 7px;
	text-align: left;
	vertical-align: top;
	width: 50%;
}
.HeaderPane1
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
.HeaderPane2
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	margin-top: 1px;
}
#Panes
{
	clear: both;
	margin: 0;
	padding: 10px 10px 0;
}