﻿.myaccountpButton
{
	border: none;
	background: #F0F0F0;
	font-family: Calibri;
	font-size: 23px;
	cursor: pointer;
	color: #000000; /*#3399FF*/
	text-align:left;
}

.dv
{
	border-color: Silver;
	text-align: left;
	border-width: 1px;
	border-style: solid none solid none; /*border-collapse:collapse;*/ /*background-color:#E7E7FF;*/
	margin-top: 0px;
	font-weight: normal;
}


.dv caption, .dv2 caption
{
	border-color:gray;
	border-width: 1px;
	border-style: Solid none Solid none;
	border-collapse: collapse;
	background-color: #F0F0F0;
	color: black;
}

.name
{
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: Solid none Solid none;
	border-collapse: collapse;
	background-color: #ECF5FF; /*#F4F4F4*/
	color: gray;
	font-family: Calibri;
	font-size: 13px;
}

.value
{
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: Solid none Solid none;
	border-collapse: collapse;
	background-color: white;
	color: black;	
	font-weight: normal;
}

.gridHeader
{
	color: Gray;
	background-color: #F8F8F8; /*#F0F0F0   #F8F8F8        */
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: solid none solid none;
	font-family: Calibri;
	font-size: 13px;
	padding-bottom: 10px;
}


.gridRow
{
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: solid none solid none;
	font-family: Calibri;
	font-size: 13px;
	height: 17px;
}

 .gridRowDown
{
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: none none none none;
	font-family: Calibri;
	font-size: 14px;
	height: 30px;
	padding-top: 12px;
}

.bord
{
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: none none Solid none;
	font-family: Calibri;
	font-size: 13px;
	height: 17px;
}


.edit
{
	background-color: #FFFFCC;
	border-color: white;
	border-width: 0px;
	border-style: none none none none;
}
.edit2
{
	border-color: white;
	border-width: 1px;
	border-style: solid;
}

.changePassText
{
	font-family: Calibri;
	font-size: 13px;
	background-color: #ECF5FF; /*#F4F4F4*/
}

.changePassVal
{
	font-family: Calibri;
	font-size: 13px;
}

.changePassButton
{
	font-family: Calibri;
	font-size: 13px;
}

.roundHeader
{
	border: thin none #CCCCFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #F0F0F0;
	font-family: Calibri;
	font-size: 23px;
	color: #808080;
}

.wrapper_h1
{
	/*display: table-cell;*/
	width: 690px;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	font-size: 22px;
	color: #FFFFFF;
	background-color: #F0F0F0;
	font-family: calibri;
	line-height: 30px;
	padding:5px;
}

.roundButton
{
	text-align: center;
	border: thin solid #CCCCFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #F0F0F0;
}

.accountButton
{
	border: none;
	background: #ECF7FF;
	cursor: default;
	color: #666666;
	font-family: Calibri;
	font-size: 15px;

}
.selectedAccountButton
{
	border: none;
	background: #ECF7FF;
	cursor: pointer;
	color: #000000;
	font-weight: bold;
	font-family: Calibri;
	font-size: 15px;

}

.orderButton
{
	border-style: none;
	background: #FFFFFF;
	cursor: default;
	color: #666666;
}

.selectedOrderButton
{
	border-style: none;
	background: #FFFFFF;
	cursor: pointer;
	color: #000000;
	font-weight: bold;
}

.orderHeader
{
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
	border-style: none none solid none;
	border-width: thin;
	border-color: #CCCCFF;
	background: #FFFFFF;
	font-size: 13px;
}

.orderLabel
{
	border-style: none none none none;
	border-width: 1px;
	border-color: #C0C0C0;
	color: gray;
	background: #F3F3F3;
	margin-bottom: 5px;
	font-family: Calibri;
	font-size: 13px;
	text-align: left;
}
.orderLabel2
{
	border-style: none none none solid;
	border-width: 1px;
	border-color: #C0C0C0;
	color: gray;
	background: #F3F3F3;
	margin-bottom: 5px;
	font-family: Calibri;
	font-size: 13px;
	cursor: pointer;
	text-align: left;
	font-style: italic;
}
.orderLabel2Sel
{
	border-style: none none none solid;
	border-width: 1px;
	border-color: #C0C0C0;
	color: gray;
	background: #F3F3F3;
	margin-bottom: 5px;
	font-family: Calibri;
	font-size: 13px;
	cursor: pointer;

	text-align:left;
}

.orderDrop
{
	font-family: Calibri;
	font-size: 13px;
}

.orderButton
{
	border-style: none;
	background: #FFFFFF;
	cursor: default;
	color: #666666;
	font-family: Calibri;
	font-size: 13px;
}

.selectedOrderButton
{
	border-style: none;
	background: #FFFFFF;
	cursor: default;
	color: #000000;
	font-weight: bold;
	font-family: Calibri;
	font-size: 13px;
}


.orderButtonNewOrder
{
	border: 1px solid #3399FF;
	font-family: Calibri;
	font-size: 13px;
	color: #3399FF;
	background-color: White;
	-webkit-border-radius: 3px;
}

.orderButtonNewOrderDis
{
	border: 1px solid #3399FF;
	font-family: Calibri;
	font-size: 13px;
	color: #3399FF;
	background-color: #DDDDDD;
	-webkit-border-radius: 3px;
}

.payButton
{
	/*color: #FFFFFF;*/
	/*background-color: #0595da;*/
	border: 1px solid #3399FF;
	font-family: Calibri;
	font-size: 13px;
	color: White;
	background-color: #3399FF;
	-webkit-border-radius: 3px;
}

.detailsButton
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCFF;	/* #3399FF	*/
	font-family: Calibri;
	font-size: 13px;
	color: gray; /* #3399FF; */
	background-color: White; 
	-webkit-border-radius: 3px;
	cursor: pointer;
}


fieldset
{
	border: thin solid #CCCCFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-family: Calibri;
	font-size: 14px;

}

.updateButton
{
	border: thin none black;
	background-color: #E19696;
	color: white;
	text-align:left;
	vertical-align:middle;
}

.updateLabel
{
	color: #D36969;
	text-align: left;
	vertical-align: middle;
}

.blinkLabelOn
{
	border-color: red;
	/*background-color: red;*/

}


legend 
{
	color: gray;
/*background: #FF9; */
padding: 6px;
}

.field1
{
	border-style: solid solid solid solid;
	border-width: thin;
	border-color: #DDDDFF;
}

.fieldMessage
{
	border-style: solid solid solid solid;
	border-width: thin;
	border-color: #C0C0C0;
	width: 332px;
}




.div1
{
	/*text-align:center;*/
	margin-left: 50;
	color: #D36969;
}

.cursorDefault
{
	cursor: text;
}
.cursorPointer
{
	cursor: pointer;
}

.showWelcomePnl
{
	visibility: visible;
}

.hideWelcomePnl
{
	visibility: hidden;
}

.panelHelp
{
	border: thin none #CCCCFF;
	-webkit-border-radius: 8px;
	background: #F7F7F7;
	font-family: Calibri;
	font-size: 13px;
}

.TextBoxMessage
{
	background: white;
	border: 1px double #C0C0C0;
	-webkit-border-radius: 4px;
	color: #666;
	outline: none;
	height: 100px;
	width: 200px;
}

.TextBoxMessage:focus { 
background-color: #ECF7FF; 
outline: 0; 
} 

.helpButton
{
	border: none;
	background: #F0F0F0;
	font-family: Calibri;
	font-size: 17px;
	cursor: pointer;
	color: #000000; /*#3399FF*/
}
.helpButtonSel
{
	border: none;
	background: #F0F0F0;
	font-family: Calibri;
	font-size: 17px;	
	cursor: pointer;
		
	color: #000000;
	font-weight: bold;
}

.sendButton
{
	border: 1px solid Gray;
	font-family: Calibri;
	font-size: 13px;
	color: Gray;
	background-color: White;
	-webkit-border-radius: 3px;
}



 .trialButton
{
	border: 1px solid White;
	font-family: Calibri;
	font-size: 14px;
	color: #1EB0BC;
	background-color: White;
	-webkit-border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
}

 .signupButton
{
	border: 1px solid White;
	font-family: Calibri;
	font-size: 15px;
	color: White;
	background-color: #1EB0BC;
	-webkit-border-radius: 14px;
	cursor: pointer;
}

 .signupBox
{
	border: 1px solid #1EB0BC;
	font-family: Calibri;
	font-size: 15px;
	color: black;
	-webkit-border-radius: 6px;
	padding: 6px;
}

 .storeLabelMsg
{
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
}

.storeLabelLeft
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	text-align: right;
	background-color: #FFFFFF;
	padding: 3px;
	width:120px;		
}

.storeLabelRight
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 3px;
	width:120px;		
}
.storeDropRight
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 0px;
	width:128px;		
}

 .orderformSection
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 14px;
	color: #1EB0BC;
	margin-top: 10px;
	text-align: right;
	background-color: #FFFFFF;
	-webkit-border-radius: 0px;	
	padding: 3px;		
}

 .orderformLabel
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	text-align: right;
	background-color: #FFFFFF;
	padding: 3px;		
}

 .orderformBox
{
	border: 1px solid #808080;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	padding: 3px;
	-webkit-border-radius: 3px;
	width:155px;
}

 .orderformLabelReq
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 12px;
	color: Red;
	margin-top: 5px;
	text-align: right;
	background-color: #FFFFFF;
	padding: 3px;
	width: 155px;
}

 .orderformDrop
{
	border: 1px solid #808080;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	padding: 3px 0px 3px 0px;
	-webkit-border-radius: 3px;
	width: 163px;
}
 .validatevatBox
{
	border: 1px solid #808080;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	padding: 3px;
	-webkit-border-radius: 3px;
	background-color: #FFFFFF;
	margin-top: 5px;
}

.basicButton
{
	border: 1px solid White;
	font-family: Calibri;
	font-size: 15px;
	color: White;
	background-color: #1EB0BC;
	-webkit-border-radius: 14px;
	cursor: pointer;
	height: 30px;
}

.basicButtonDisabled
{
	border: 1px solid White;
	font-family: Calibri;
	font-size: 15px;
	color: White;
	-webkit-border-radius: 14px;
	cursor: default;
	background-color: #BBBBBB;
	height: 30px;	
}

.baloon
{
	border: 1px solid white;
	font-family: Calibri;
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	text-align: left;
}

/*
table, td, th
{
	border: 1px solid white;
	border-collapse: collapse;
	padding: 3px;
	background-color: #FFFFFF;
	color: #333333;
	font-family: calibri;
	font-size: 14px;
}

th
{
	padding: 0px 10px 0px 0px;
	text-align: right;
	font-weight: normal;
}	*/


*:focus {
    outline: none;	  
} 



.fadein { position:relative; width:700px; height:241px; }
.fadein img { position:absolute; left:0; top:0; }




#Overlay
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	background-image: url('https://www.buildinghow.com/Images/overlay.png');
}


#Overlay div
{
	/*position: absolute;
	overflow:hidden;
	font-family: Calibri;
	font-size: 15px;
	width: 302px;
	height: 160px;
	text-align: center;
	border: none;
	background-color: #F1F1F1;
 	-webkit-border-radius: 8px;
 	background-image:url(background-trans.png);	   */
	
	font-family: Calibri;
	font-size: 15px;
 	 width: 300px;
	 height: 160px;
     margin: 100px auto;
     background-color: #F1F1F1;
     border: none;
   /*  padding:15px; */
     text-align:center;
	-webkit-border-radius: 8px;
}	 



#UpDiv
{
	font-family: Calibri;
	font-size: 15px;
	width: 302px;
	height: 110px;
	text-align: center;
	border: none;
	background-color: #1EB0BC;
	color: #FFFFFF;		 
}

#DownDiv
{
	border: 1px solid #1EB0BC;
	font-family: Calibri;
	font-size: 15px;
	width: 300px;
	height: 50px;
	text-align: center;
	background-color: #F1F1F1;
	color: #1EB0BC;
}

body {
     height:100%;
     margin:0;
     padding:0;
}

.msgLbl
{
	padding: 15px 0px 15px 0px;
}