/*───────────────────────────────────────────────*/
/*▄▄▄  BODY   ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.BodyStyle1 {
    font: 100% "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    bottom : 0px;
    margin : 0px;
    padding-left : 0px;
    padding-right: 0px;
   
    color:#202020;
    background: -o- linear-gradient( rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -moz- linear-gradient( rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.70) ), to(rgba(0,0,0,.70) ));
    background: -webkit- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -moz- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -ms- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -o- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
}

/*───────────────────────────────────────────────*/
/*▄▄▄  CREATE NEW USER  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.CreateNewUserPopUpStyle1 {
	left      : 0px                                                                                     ;
	right     : 0px                                                                                     ;
	top       : 0px                                                                                     ;
	bottom    : 0px                                                                                     ;
	position  : fixed                                                                                   ;
	background: -o-              linear-gradient(             rgba(0,0,0,.70),      rgba(0,0,0,.70) )   ;
	background: -moz-            linear-gradient(             rgba(0,0,0,.70),      rgba(0,0,0,.70) )   ;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.70) ), to(rgba(0,0,0,.70) ))  ;
	background: -webkit-         linear-gradient(top,         rgba(0,0,0,.70),      rgba(0,0,0,.70) )   ;
	background: -moz-            linear-gradient(top,         rgba(0,0,0,.70),      rgba(0,0,0,.70) )   ;
	background: -ms-             linear-gradient(top,         rgba(0,0,0,.70),      rgba(0,0,0,.70) )   ;
	background: -o-              linear-gradient(top,         rgba(0,0,0,.70),      rgba(0,0,0,.70) )   ;
}
/*───────────────────────────────────────────────*/
/*▄▄▄  GRADIENT BACKGROUND  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.PageGradientGreyOutStyle1 {
    left : 0px;
    right : 0px;
    top : 0px;
    bottom : 0px;
    position : fixed;
    background: -o- linear-gradient( rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -moz- linear-gradient( rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.70) ), to(rgba(0,0,0,.70) ));
    background: -webkit- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -moz- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -ms- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    background: -o- linear-gradient(top, rgba(0,0,0,.70), rgba(0,0,0,.70) );
    visibility: visible;
    overflow: hidden;
    /*background-color: #C0C0C0;
    opacity:100;*/
}
  .DisablingDiv
{
    /* Do not display it on entry */
    display:block; 
 
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:1001;
     
    /* make it cover the whole screen */
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 1000%; 
    height: 44600%; 
    /*min-width:400px;*/
    overflow:hidden ;
    /* make it white but fully transparent */
    background-color: black; 
    opacity:.5; 
    filter: alpha(opacity=.50); 
}
.PopUpDiv
{
  
    display:block; 
 
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:1002;
     
  
    position: absolute; 
    top: 30%; 
    left: 30%; 
    width: 40%; 
    height: auto;
    
      min-width:200px;
      
	
    /**/
	padding              : 20px                      ;
    /*margin               : 20px                      ;*/
    
	border               : 1px solid                 ;
	border-left-color    : rgb(236, 236, 250)        ;
	border-right-color   : rgb(224, 224, 234)        ;
	border-top-color     : rgb(236, 236, 250)        ;
	border-bottom-color  : rgb(204, 204, 202)        ;
	border-bottom-style  : solid                     ;
	border-radius        : 3px                       ;
	-moz-border-radius   : 3px                       ;
	-webkit-border-radius: 3px                       ;
    box-shadow           : 2px 2px 5px 1px #515151   ;
    /**/
	background-color     : whitesmoke                ;
	/*background-color     : rgb(219, 232, 248)        ;*/




   
    /*opacity:.5; 
    filter: alpha(opacity=.50);*/ 
    /*border:thick ;
    border-color:blue ;
    border-style:solid ;*/
}
.PageGradientStyle1 {
	left      : 0px                                                                                     ;
	right     : 0px                                                                                     ;
	top       : 0px                                                                                     ;
	bottom    : 0px                                                                                     ;
	position  : fixed                                                                                   ;
	background: -o-              linear-gradient(             #FAFAFA ,    #D8D8D8)                     ;
	background: -moz-            linear-gradient(             #FAFAFA ,    #D8D8D8)                     ;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8D8D8), to(#FAFAFA))                    ;
	background: -webkit-         linear-gradient(top,         #FAFAFA,     #D8D8D8)                     ;
	background: -moz-            linear-gradient(top,         #FAFAFA,     #D8D8D8)                     ;
	background: -ms-             linear-gradient(top,         #FAFAFA,     #D8D8D8)                     ;
	background: -o-              linear-gradient(top,         #FAFAFA,     #D8D8D8)                     ;
}


/*───────────────────────────────────────────────*/
/*▄▄▄  PAGE CONTROL  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.PageBackStyle1 {
	left          : 0px               ;
	right         : 0px               ;
	top           : 0px               ;
	bottom        : 0px               ;
    /**/
	min-width     : 444px             ;
	min-height    : 550px             ;
    /**/
	max-width     : 1000px            ;
    /**/
	margin-left   : auto              ;
	margin-right  : auto              ;
    /**/
	padding       : 10px              ;
	padding-top   : 5px               ;
	padding-bottom: 5px               ;
}

.Form1Style1 {
    /**/
	margin-left : auto                ;
	margin-right: auto                ;
	margin-top  : auto                ;
    /**/
	width       : 100%                ;
	height      : 100%                ;
	max-width   : 9000px              ;
	min-height  : 600px               ;
    /**/
	position    : relative            ;
    /**/
	font-family : "Segoe UI",Tahoma   ;
}

/*───────────────────────────────────────────────*/
/*▄▄▄  HEADER CONTROL  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.HeaderDivStyle1 {
	display   : block                 ;
    /**/
	padding   : 10px                  ;
    /**/
	min-width : 455px                 ;
	min-height: 60px                  ;
}


/*───────────────────────────────────────────────*/
/*▄▄▄  SLABS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.JumboTronStyle1 {
	display              : block                     ;	
    /**/
	height               : inherit                   ;
	min-height           : 550px                     ;
	max-height           : 9000px                    ;
    /**/
	padding              : 15px                      ;
    /**/
	background-color     : white                     ;
    /**/
	border-radius        : 14px                      ;
	-moz-border-radius   : 10px                      ;
	-webkit-border-radius: 10px                      ;
	box-shadow           : 1px 1px 5px 1px #a1a1a1   ;
}

.SlabGroupStyle1 {
	display              : inline                    ;
	float                : right                     ;
    /**/
	padding              : 20px                      ;
    /**/
	border               : 1px solid                 ;
	border-left-color    : rgb(236, 236, 250)        ;
	border-right-color   : rgb(224, 224, 234)        ;
	border-top-color     : rgb(236, 236, 250)        ;
	border-bottom-color  : rgb(204, 204, 202)        ;
	border-bottom-style  : solid                     ;
	border-radius        : 3px                       ;
	-moz-border-radius   : 3px                       ;
	-webkit-border-radius: 3px                       ;
    /**/
	background-color     : #DBE8F8                   ;
	background-color     : rgb(219, 232, 248)        ;
}

.SlabTitleAreaStyle1 {
	width                : 220px                     ;
	margin-bottom        : 10px                      ;
}

.SlabTitleStyle1 {
	display              : block                     ;
	float                : none                      ;
    /**/
	font-size            : large                     ;
	font-weight          : bold                      ;
}


/*───────────────────────────────────────────────*/
/*▄▄▄  LOGO SETTINGS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.LogoAreaStyle1 {
	float       : left               ;
    /**/
	padding-left: 30px               ;
}					                 
					                 
.LogoImageStyle1 {	                 
	width       : 184px              ;
	height      : 78px               ;
}



/*───────────────────────────────────────────────*/
/*▄▄▄  CONTENT SETTINGS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.LeftSideContentDivStyle1 {
	float         : left             ;
    /**/
	max-width     : 490px            ;
}								     
								     
.ContentTitleStyle1 {			     
	float         : none             ;
    /**/
	margin-bottom : 8px              ;
	font-size     : large            ;
	font-weight   : bold             ;
}								     
								     
.ContentItemStyle1 {			     
	display       : inline-block     ;
	vertical-align: middle           ;
    /**/
	padding       : 10px             ;
	padding-left  : 20px             ;
}								     
								     
.ContentItemIconStyle1 {		     
	display       : inline-block     ;
	vertical-align: middle           ;
    /**/
	margin-right  : 10px             ;
	width         : 48px             ;
}								     
								     
.ContentItemTextGroupStyle1 {	     
	display       : inline-block     ;
    /**/
	vertical-align: middle           ;
}								     
								     
.ContentItemTextTitleLineSt {	     
	display       : block            ;
    /**/
	font-size     : small            ;
	font-weight   : bold             ;
}								     
								     
.ContentItemDescriptionStyle {	     
	display       : block            ;
	font-size     : smaller          ;
}


/*───────────────────────────────────────────────*/
/*▄▄▄  BUTTON LAYOUTS ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.ButtonWrapperStyle1 {
	padding              : 10px                   ;
}

.RegisterNowButtonAreaStyle1 {
	display              : inline-block           ;
	float                : right                  ;
    /**/
	padding              : 10px                   ;
}

.IAmAnExistingUserButtonAreaStyle1 {
	display              : inline-block           ;
	float                : right                  ;
    /**/
	padding              : 10px                   ;
}

.PasswordResetLinkWrapperStyle1 {
	color                : blue                   ;
    /**/
	font-size            : smaller                ;
	font-style           : italic                 ;
}
.PasswordResetLinkWrapperStyle2 {
	/*color                : blue                   ;*/
    /**/
	font-size            : smaller                ;
	font-style           : italic                 ;
}

/*───────────────────────────────────────────────*/
/*▄▄▄  BUTTON LOOKS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.IAmAnExistingUserButtonStyle1 {
	display              : inline                 ;
	width                : 110px                  ;
	height               : 28px                   ;
	color                : white                  ;
	background-color     : rgba(20,130,0,0.8)     ;
	border-width         : 2px                    ;
	border-radius        : 12px                   ;
	-moz-border-radius   : 12px                   ;
	-webkit-border-radius: 12px                   ;
	box-shadow           : 1px 1px rgba(0,0,0,0.2);
	border-color         : #8BAF50                ;
}

.RegisterButtonStyle1 {
	display              : inline                 ;
	width                : 110px                  ;
	height               : 28px                   ;
	color                : white                  ;
	background-color     : rgba(0,105,180,0.8)    ;
	border-width         : 2px                    ;
	border-color         : lightsteelblue         ;
	border-radius        : 12px                   ;
	-moz-border-radius   : 12px                   ;
	-webkit-border-radius: 12px                   ;
	box-shadow           : 1px 1px rgba(0,0,0,0.2);
}

.RegisterButtonStyle1 {
	display              : inline                 ;
	width                : 110px                  ;
	height               : 28px                   ;
	color                : white                  ;
	background-color     : rgba(0,105,180,0.8)    ;
	border-width         : 2px                    ;
	border-color         : lightsteelblue         ;
	border-radius        : 12px                   ;
	-moz-border-radius   : 12px                   ;
	-webkit-border-radius: 12px                   ;
	box-shadow           : 1px 1px rgba(0,0,0,0.2);
}

.LoginButtonStyle1 {
	display              : block                  ;
	width                : 110px                  ;
	height               : 28px                   ;
	color                : white                  ;
	background-color     : rgba(20,130,0,0.8)     ;
	border-width         : 2px                    ;
	border-radius        : 12px                   ;
	-moz-border-radius   : 12px                   ;
	-webkit-border-radius: 12px                   ;
	box-shadow           : 1px 1px rgba(0,0,0,0.2);
	border-color         : #8BAF50                ;
}



/*───────────────────────────────────────────────*/
/*▄▄▄  LABEL LOOKS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.LabelStyle1 {
	/*--*/
	display              : block           ;
	float                : none            ;
	/*--*/
	font-size            : small           ;
}

.RegisterNowLableStyle1 {
	height               : 28px            ;
	color                : dimgray         ;
	font-size            : small           ;
}

.IAmAnExistingUserLableStyle1 {
	height               : 28px            ;
	color                : dimgray         ;
	font-size            : small           ;
}





/*───────────────────────────────────────────────*/
/*▄▄▄  TEXTBOX LAYOUTS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.TextBoxWrapperStyle1 {
	/*--*/
	display              : block           ;
	/*--*/
	margin-bottom        : 10px            ;
}

.TR_TextBoxWrapperStyle1 {
	width                : 200px !important;
}



/*───────────────────────────────────────────────*/
/*▄▄▄  TEXTBOX LOOKS  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ -*/
/*───────────────────────────────────────────────*/
.TR_TR_TextBoxStyle1 {
	/*--*/
	display              : block           ;
	float                : none            ;
	/*--*/
	width                : 200px !important;
	/*--*/
	border-radius        : 2px             ;
	-moz-border-radius   : 2px             ; /* Firefox 3.6 and earlier */
	-webkit-border-radius: 2px             ; /* Safari */
}