﻿@import url("layout.css");
body {
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 10pt;
	background-color: #6F6D6E;
	background-repeat: repeat;
	background-attachment: scroll;
}
.loadingBox
{	
	color: darkslategray; 
	font-style: italic; 
	font-family: Verdana; 
	background-color: lightgreen; 
	font-weight: bold; 
	font-size: 7pt; 
	width: 79px;
}
.Popup
{
	 display:none; 
	 height: 224px; 
	 left: 305px; 
	 clip: rect(auto auto auto auto); 
	 position: absolute; 
	 top: 528px; 
	 border-right: #ccccff 4px ridge; 
	 border-top: #ccccff 4px ridge; 
	 vertical-align: middle; 
	 border-left: #ccccff 4px ridge; 
	 width: 339px; 
	 border-bottom: #ccccff 4px ridge; 
	 background-color: #ffffff;
	 text-align:center;
	 z-index:1001;
}
.AlertMsg
{
	height: 147px;
	vertical-align:middle;
	text-align:center;
	z-index:1001;
}
.AlertBtn
{
	border-right: #003366 2px solid; 
	border-top: #003366 2px solid;
	font-weight: bold; 
	font-size: 10pt; 
	border-left: #003366 2px solid; 
	width: 93px;
	color: dimgray; 
	border-bottom: #003366 2px solid; 
	font-family: Verdana; 
	background-color: #ffffcc
}
.opaqueLayer
{
display:none;
position:absolute;
top:0px;
left:0px;
opacity:0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: alpha(opacity=60);
background-color: #000000;
z-Index:1000;
}
.EnlargeImageFrame {
	/*
	background-position: center center;
	border: medium ridge #808080;
	text-align:right;
	background:silver;
	color:white;
	font:small-caption;
	display:none;
	*/
	 display:none; 	 
	 clip: rect(auto auto auto auto); 
	 position: absolute; 	 
	 border-right: #ccccff 4px ridge; 
	 border-top: #ccccff 4px ridge; 
	 vertical-align: middle; 
	 border-left: #ccccff 4px ridge; 	 
	 border-bottom: #ccccff 4px ridge; 
	 background-color: #ffffff;
	 text-align:center;
}
#Info {	
}
.style_bold {
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:12pt;
	font-weight: bold;	
}
.paycol_head 
{
	background-color:Aqua;
	background: transparent url('../Image2/paycol_head.png') no-repeat center;
	height: 14px;
}
.paycol_body {
	padding-left: 5px;
	padding-right: 5px;
	background: transparent url('../Image2/paycol_body.png') repeat-y;
	width: 302px;
}
.paycol_foot {
	background: transparent url('../Image2/paycol_foot.png') no-repeat center;
}
.Titles {

	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 14px;
	color: #464646;
	text-decoration: none;
	font-weight: bold;		
}
.btn_login {	
	width: 101px;
	height:28px;
	background-image: url('../Image2/btn-login.png');	
	text-indent:-1999px;
	display:block;
	text-decoration:none;
}
.TopMenuLink {
	color: #ffffff;
	text-decoration: none;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:10pt;
	}
	.TopMenuLinkSelected {
	color: #ffffff;
	text-decoration: none;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:10pt;
	background-image:url('../Image2/MenuHeaderSelected.png');
	height:27px;
	}
.FormLable{
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:10pt;
	text-align:left;	
}
.FormField
{
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:10pt;
}
.SubMenuLink {
	color: #FFFFFF;
	text-decoration: none;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:10pt;
	padding-top:-5px;
	margin-top:-5px;
	}
.SubMenuLinkSelect {
	color:red;
	text-decoration: none;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:10pt;
	padding-top:-10px;
	margin-top:-10px;
	}
	
.PageLeftMenu{
	color:black;
	text-decoration: none;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:16pt;
	}
.PageLeftMenu:hover
{
	color:Red;
}
.PageLeftMenuSelect:hover{
	color:Red;
	text-decoration:none;
}

	
.PageLeftMenuSelect{
	color:red;
	text-decoration: none;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:16pt;
	}

.PageLeftMenuArrowSelect{	
	background-image:url('../Image2/PageArrowLeft.png');
	background-repeat:no-repeat;
	vertical-align:middle;
	width:9px;
	height:14px;
	}

.PageLeftMenuArrow{
	width:9px;
	}

.PageHeader
{
	font-size: 42pt;
	font-weight: bold;
	color:white;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	vertical-align:middle;
	text-align:left;
}
.FotterHeader {
	font-size: 10pt;
	font-weight: bold;
	color:#64CD32;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.FotterText {
	font-size: 8pt;
	font-weight: bold;
	color:#FFFFFF;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

.HomeContentFotter {
	background-color: #FBFBFB;
	font-family: "Segoe WP";
	height:160px;
}
.subFotterHeaderFont {
	font-family: "segoe UI", Tahoma, Geneva, Verdana;
	font-size: 12pt;
	font-weight: bold;
}
.SubFotterContent {
	font-family: "segoe UI", Tahoma, Geneva, Verdana;
	font-size: 10pt;
}
.HP_ContentHeader
{
	text-align:center;
	font-size: 42pt;
	font-weight: bold;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;	
	margin-top:35px;
	line-height:10px;
	width:920px;
}
.Page_ContentFirstLine
{
	margin-top:5px;
	text-align:center;
	font-size: 18pt;
	font-weight: bold;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

.HP_ContentFirstLine
{
	text-align:center;
	font-size: 18pt;
	font-weight: bold;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	line-height:5px;
	margin-top:-15px;
}
.HP_ContentText
{
	text-align:left;
	font-size: 12pt;
	font-weight: normal;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.HP_ContentTextList
{
	text-align:left;
	font-size: 12pt;
	font-weight: normal;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	list-style-image:url('../Image2/RedDot.png');
}

.Page_Tab
{
	background-image:url('../Image2/PageTab.png');
	text-align:center;
	width:110px;
	height:20px;
	font-weight:bold;
	font-size:10pt;
}
.Page_Tab_Over
{
	background-image:url('../Image2/PageTabHover.png');
	text-align:center;
	width:110px;
	height:20px;
	font-weight:bold;
	font-size:14pt;
}

.Page_Tab_Selected
{
	background-image:url('../Image2/PageTabSelected.png');
	text-align:center;
	width:110px;
	height:29px;
	color:white;
	font-weight:bold;
	font-size:10pt;
	
}

.Page_Tab_None
{
	text-align:center;
	width:110px;
	height:20px;
	font-weight:bold;
	font-size:10pt;
}
.Page_Tab_Link
{	
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:10pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	outline: 0;
}
.Page_Tab_Link:hover
{	
	color:#000000;
}

.Page_Tab_Link_Selected
{		
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	outline-style:none;
}
.Page_Tab_Link_Selected:active
{	
	outline-style:none;
}
.Page_Tab_Link_Selected:focus
{
	outline-style:none;
}
.Page_List_Details
{
	color:#464646;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-style:italic;
	font-size: 10pt;

}

.Page_Text
{
	vertical-align:top;
	padding-left:5px;
	text-align:left;
	font-size: 12pt;
	font-weight: normal;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.Page_ContentTextList
{
	text-align:left;
	font-size: 12pt;
	font-weight: normal;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	list-style-image:url('../Image2/PageRedDot.png');
}

.HP_ContentTextListLine
{
	padding-bottom:15px;
}
.HP_ContentTextListLine2
{
	padding-bottom:8px;
}

.HP_ContentTextSubHaeder
{
	text-align:left;
	font-size: 16pt;
	font-weight: bold;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

.HP_GrayBoxHeader
{
	text-align:center;
	font-size: 16pt;
	font-weight: bold;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.HP_GrayBoxText
{
	text-align:center;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.HP_GrayBoxTextOnly
{
	text-align:left;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	padding-left:15px;
	padding-right:10px;
	margin-top:-3px;
}

.HP_SubMenu
{
	vertical-align:text-top;
	padding-top:6px;
}

/*  Home   */
.HP_BunnerHome
{
	background-image:url('../Image2/Bunner-Summary.png');
	background-repeat:no-repeat;
	vertical-align:bottom;
}
.HP_SubMenuHome
{
	background-image:url('../Image2/SubMenuSummaryBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectHome
{
	background-image:url('../Image2/Summary-SummaryBtn.png');	
	vertical-align:text-top;
	padding-top:6px;
}
/*  Enterprise  */
.HP_BunnerEnterprise
{
	background-image:url('../Image2/BunnerEnterpriseBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuEnterprise
{
	background-image:url('../Image2/SubMenuEnterpriseBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectEnterprise
{
	background-image:url('../Image2/SubMenuEnterprisePointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}
/*  Pizza  */
.HP_BunnerPizza
{
	background-image:url('../Image2/BunnerPizzaBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuPizza
{
	background-image:url('../Image2/SubMenuPizzaBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectPizza
{
	background-image:url('../Image2/SubMenuPizzaPointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}

/*  Call Center  */
.HP_BunnerCallCenter
{
	background-image:url('../Image2/BunnerCallCenterBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuCallCenter
{
	background-image:url('../Image2/SubMenuCallCenterBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectCallCenter
{
	background-image:url('../Image2/SubMenuCallCenterPointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}
/*  Web  */
.HP_BunnerWeb
{
	background-image:url('../Image2/BunnerWebBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuWeb
{
	background-image:url('../Image2/SubMenuWebBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectWeb
{
	background-image:url('../Image2/SubMenuWebPointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}
/*  Cloud  */
.HP_BunnerCloud
{
	background-image:url('../Image2/BunnerCloudBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuCloud
{
	background-image:url('../Image2/SubMenuCloudBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectCloud
{
	background-image:url('../Image2/SubMenuCloudPointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}

/*  TableSrv  */
.HP_BunnerTableSrv
{
	background-image:url('../Image2/BunnerTableSrvBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuTableSrv
{
	background-image:url('../Image2/SubMenuTableSrvBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectTableSrv
{
	background-image:url('../Image2/SubMenuTableSrvPointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}

/*  BackOffice  */
.HP_BunnerBackOffice
{
	background-image:url('../Image2/BunnerBackOfficeBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuBackOffice
{
	background-image:url('../Image2/SubMenuBackOfficeBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectBackOffice
{
	background-image:url('../Image2/SubMenuBackOfficePointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}

/* Testimonials */
.HP_BunnerTestimonials 
{
	background-image:url('../Image2/BunnerBackOfficeBG.png');
	background-repeat:repeat-x;
	height:259px;
	vertical-align:top;
	text-align:left;
}
.HP_SubMenuTestimonials
{
	background-image:url('../Image2/SubMenuBackOfficeBG.png');
	height:35px;
	vertical-align:text-top;
}
.HP_SubMenuSelectTestimonials
{
	background-image:url('../Image2/SubMenuBackOfficePointer.png');	
	vertical-align:text-top;
	padding-top:6px;
}


.HP_BunnerFirstLine {
		 color:#ffffff;
		 font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		 font-size:24pt;
		 text-align:center;
		 padding-left:20px;
		 margin-top:4px;
}

 .HP_BunnerSecondLine {
		 font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		 font-size: 16pt;
		 color: #818181;
		 text-align:center;
	 }

.Button_Submit
{
	background-image:url('../Image2/ButtonContactSubmit.png');
	border:0;
	width:86px;
	height:23px;
}
.Button_Cleer
{
	background-image:url('../Image2/ButtonContactCleer.png');
	border:0;
	width:86px;
	height:23px;
}

.textBoxFormField {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../image2/TextboxBG2.png') no-repeat;
    color : #747862;
	padding:1px 1px;
	margin-bottom:0px;
	width: 214px;
	height: 24px;
	}
.textAreaFormField {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../image2/TextAreaBG2.png') no-repeat;
    color : #747862;
	padding:1px 1px;
	margin-bottom:0px;
	width: 320px;
	height: 105px;
	}
	.ComboBoxFormField
	{
	    border-style: none;        
        border-width: 0;        
        background: url('../image2/TextboxBG2.png') no-repeat;
        color : #747862;
	    padding:1px 1px;
	    margin-bottom:0px;
	    width: 214px;
	    height: 24px;
	}
	
.textboxField {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../image2/TextBoxbg.jpg') no-repeat;
    color : #747862;
	padding:4px 8px;
	margin-bottom:0px;
	width: 239px;
	height: 32px;
	}
.textboxField2 {
	background-image:url('../image2/TextBoxbg2.jpg');
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;
}
.textAreaField1 {
	background-image:url('../image2/TextAreabg.jpg');
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;
}
.textAreaField {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../image2/TextAreaBg1.jpg') no-repeat;
    color : #747862;
	padding:4px 8px;
	margin-bottom:0px;
	width: 240px;
	height: 107px;
	}

h1{
	margin-top:-5px;
	margin-top:5px;
	text-align:center;
	font-size: 24pt;
	font-weight: bold;
	color:#000000;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
h2{
	text-align:center;
	font-size: 18pt;
	font-weight: bold;
	color:#000000;
	text-align:left;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
h3{
	text-align:center;
	font-size: 14pt;
	font-weight: bold;
	color:#000000;
	text-align:left;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

#footer {
	text-align: center;
	clear: both;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #E6E6E6;
	border-style: none;
	border-width: 0px;
	vertical-align: top;
	font-family: "Segoe UI";
	font-size: small;
}
a {
	color: #FFFFFF;
	text-decoration:none;
	outline: 0;
	outline-style: none;	 
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a:active
{
	outline: none;
}
a:focus
{
	outline: none;
}

