/* 
================================
Upgraded and Modified by OmegaSoft Ltd.
================================
*/  

body{border-left:0px 0px 0px 0px;margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;background-color: #38718C;}

/* Content Panes */
.dnn_TopPane{background-color: transparent;padding-left: 2px; padding-right: 2px; padding-top: 2px;}
.dnn_LeftPane{ width: 150px; padding-left: 7px; padding-right: 5px; padding-top: 0px; border-right:1px solid #35482a;}
.dnn_ContentPane{ height: 100%;width: 100%; padding-top: 3px; padding-left: 5px; padding-right: 2px; padding-top: 3px;}
.dnn_RightPane{ width: 100%; padding-left: 2px; padding-top:3px;}
.dnn_BottomPane{ padding-top: 3px;padding-left: 3px; padding-right: 2px;}


/* standard hyperlinks for the tokens eg. copyright, login, user */
.SkinObject{ color:#333333; text-decoration:none; font-weight:normal; font-size:10px;}
.SkinObjectD{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:10px; text-align:right;}
.rightCopy {text-align:right; margin-right:55px; margin-left:55px;}
}
A.SkinObject:link { color:#003366; text-decoration:none; font-weight:normal; font-size:10px;}
A.SkinObject:visited {color:#003366; text-decoration:none; font-weight:normal; font-size:10px;}
A.SkinObject:active {color:#003366; text-decoration:none; font-weight:normal; font-size:10px;}
A.SkinObject:hover{color:#000000; text-decoration:none; font-weight:bold; font-size:10px;}
.user,a.user:link,a.user:active,a.user:visited,.user{ color:#ffffff; text-decoration:none; font-weight:Normal; font-size:10px;}
a.user:hover{ color:#000000; text-decoration:none; font-weight:Normal; font-size:10px;}

/* Repeat Background colour on menu so it expands with tabs */
.UserLoginBG { background-image: url(MenuBG.gif); height: 26px; background-repeat: repeat-x; } 

/* change the colour of the login button here */
.StandardButton {color: #ffffff;font-family:Tahoma, Verdana, Arial, Helvetica;font-size: 10pt;font-weight: normal;background-color: #6D6D6D;}

/* classes used by DotNetNuke for things like the container titles */

.Head{ font-size:12px; font-weight:bold; color:#35482a; }
.SubHead{ font-size:11px; color:#35482a; }
.SubSubHead{ font-size:11px; color:#35482a; }

/* this is the font class used throughout your site - change the size here */
table, tr, td, th, div, p {font-family: tahoma;font-size: 11px;line-height: 1.4em; color: #333333;text-align: left;}

label, .normal, .Normal {font-family: tahoma;font-size: 11px;}
table {padding: 0;}
p {margin-top: 5px;margin-bottom: 5px;padding-left: 5px;padding-right:5px;font-size: 11px;}
.Normal{ font-size:11px; color:#333333; }
h3 {font-family: tahoma;font-size: 14px;font-weight: bold;color:#6D6D6D;padding: 2px 0 1px 7px;margin-top: 10px;margin-left: 0;margin-right: 0;margin-bottom: 5px;letter-spacing: 2px;}
h2 {font-family: tahoma;font-size: 12px;font-weight: bold;color:#6D6D6D;padding: 2px 0 1px 7px;margin-top: 10px;margin-left: 0;margin-right: 0;margin-bottom: 5px;letter-spacing: 2px;}

/* command button links */
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{color:#333333; text-decoration:none; }
A.CommandButton:hover{ color:#333333; text-decoration:underline;}

/*=== Menu Items */
/* Menu & Logo Pane Holder */
.BlankMenu { height: 26px; background-repeat: no-repeat; background-color: transparent; } 

 

 
.MenuRight { background-image: url(MenuRight.png); width: 26px; height: 26px; background-repeat: no-repeat; }


.MenuLeft { background-image: url(MenuLeft.png); width: 26px; height: 26px; background-repeat: no-repeat; } 


/* Repeat Background colour on menu so it expands with tabs */
/*.MenuBG { background-image: url(MenuBG.gif); height: 26px; background-repeat: repeat-x; } */
.MenuBG { background-image: url(MenuBG.gif); height: 26px; width:350px; background-repeat: repeat-x; } 

/* Menu table repeat for 100% width settings */
.MenuRepeat { background-image: url(MenuRepeat.gif); width: 100%; height: 30px; background-repeat: repeat-x; } 
.MenuLog { background-color: transparent; }

div.hr
{
	height: 2px;

	background-image:url(CRM_HR.jpg);
	margin: 5px 0 15px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}

/*--------- dnn menu style ----------*/

/*  Main Menu Normal  */
.main_dnnmenu_rootitem  
{	
	color: #333;
	font-size: 13px; 
	font-weight:bold; 	
	text-align:center; 
	padding:2px 12px 12px 12px;
	margin-right:1px;
	white-space:nowrap;
	float:left;
}


/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{  
	color:#ffffff;
	font-size: 13px; 
	font-weight:bold;
	text-align:center;
	padding:2px 12px 12px 12px;
	margin-right:1px;
	white-space:nowrap;
	float:left;
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected 
{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size: 13px;
	padding:2px 12px 12px 12px;
	margin-right:1px;
	white-space:nowrap;
	float:left;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu 
{
	border:2px solid #95c043;
	z-index: 1000;
}

.main_dnnmenu_submenu td
{

	background-color:#52411e;
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#e3e6aa;
	line-height:2em;
	padding: 0px 11px;
	margin:0px;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td   
{  
	background: #333;
	padding: 0px 11px;
	color:#95c043;
	z-index: 1000;
}

.main_dnnmenu_itemselected td{
    background-color: #95c043;
	color:#ffffff;
	background:url(SubMenu.gif) repeat-x top left;
	z-index: 1000;
}

/* Module Action Menus */
.main_dnnmenu_icon{
	display: none;
}




.titleInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #95c043;
	font-weight: bold;
	text-align: center;
	
	height:20px; 
}
.crm_middle_line{
	background-image:url(middle_line.gif);
	background-repeat:no-repeat;
}
.image01{
	background-image:url(table01_01.jpg);
	background-repeat:no-repeat;
}
.image02{
	background-image:url(table01_02.jpg);
	background-repeat:no-repeat;
}

.image03{
	background-image:url(table01_03.jpg);
	background-repeat:no-repeat;
}

.image04{
	background-image:url(table01_04.jpg);
	background-repeat:no-repeat;
}

.image05{
	background-image:url(table01_05.jpg);
	background-repeat:no-repeat;
}

#DivCRMInfo
{
	width:870px; 
	float:center;
}

#DivCRMInfo div.DivInfo{
	float: left;
	padding: 0px 0px;
	margin: 0px 0px;
	border: 0px #f0f0f0 solid;
	width: 170px;
}

#DivCRMInfo .tdInfoLink
{
vertical-align:top;
}
#DivCRMInfo .infolink
{
color:#050505;
padding-left:10px;
	
}
#DivCRMInfo .infolinkb
{
color:#050505;
padding-left:10px;
font-weight: bold;
	text-align: center;}
	
	
#ContainerInThe{
	position:relative;
	width:870px;
	background-color:white;
}	
#DivInTheLeft{
	width:393px;
	height:161px;
	position:relative;
	background-image:url(InTheCloud.jpg);
	background-position:top left;
}
#DivInTheLeft div.CloudeLable{
	position:absolute;
	left:45px;
	top:0px;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #555;
}
#DivInTheLeft div.CloudeText{
	position:relative;
	left:112px;
	top:36px;
	width:240px;
}

#DivInTheRight{
	width:480px;
	height:161px;
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(OnPremises.jpg);
	background-position:top left;

}
#DivInTheRight div.CloudeLable{
	position:absolute;
	left:15px;
	top:0px;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #555;
}
#DivInTheRight div.CloudeText{
	position:absolute;
	left:10px;
	top:36px;
	width:200px;
	
}
#DivInTheRight div.CloudeDote{
	position:absolute;
	right:1px;
	top:5px;
	width:200px;
	height:157px;
}
#DivInTheRight div.CloudeDote ul{
	padding-top:5px;
}