:focus, a:focus {
  outline-style: dotted;
  outline-width: thin;	
}


 .body_bg {

 	 
 }
 .body_bg2 {

  	background:#A0BFE8 url(/surgeweb/2473812519/1/shared/img/gradient_huge.jpg) repeat-x;
 }

 body {
	text-align:center;
 }
 #login_outer{
 	text-align:left;
	margin: 0 auto;
 
} 
 #login_panel_pre{
	

	background: #007;
	color:white;
	text-align:center;
 }
 #login_panel{
 
 
	text-align:center;
 } 
 #login_panel table{
	margin: 0 auto;
 }
 #login_panel_post{

	background: #FFF; 
	color:white;
	padding:5px;
	text-align:center;
 }
 
 #login_title_comment{
 	display:none;
 }
 #login_title{
 	font-size:1em;;
 }


 body, table {
	font-family:Arial;
	font-size:14px;
 }
 #login_title{
  	font-weight:bold;
  	font-size:22px;
 }
 #cmd_login{
  cursor: pointer;
	width:120px; 
	  background-position: right 0;
	  height: 25px;
	  padding-top: 10px;
	  display: block;
	  text-align: center;
	  color: #437182;
	  font-size: 13px;
	  font-weight: 700;
border:1px solid #b6ced2 !important ;
text-transform: uppercase;
	  background: url(login/login-btn.gif) no-repeat ;
	  font-family: Arial, Helvetica, sans-serif;
	  padding: 14px 0px;
	  padding-bottom: 20px;
	}  

.silvertrees-logo-container{
margin-top: 25px;

}

	.box-snippets {
		color: #437182;
		font-size: 11px;
		padding-bottom: 20px;
		text-align: left;
	}
.form-input {
	background: #FFF;
    border: 1px solid #C6DADE;
    color: #437182;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    outline: 0 none;
    padding: 8px 5px;
margin-bottom: 15px;

}

.submit-btn {
display: flex;
justify-content: center;
	
}


 #error{
 	color:red;
 	margin-top:5px;
 	margin-bottom:15px;
 	font-weight:bold;
 	font-size:11px;
 }
 #error .surgeweb{
 	font-size:14px;
 }

 
 .hidden{
 	display:none;
 }

 .login_link_small{

	color:white;
	font-size:0.8em;
	text-decoration:none;
 }
  .login_link_small:hover{
 	text-decoration:underline;
 }
  .boldred{
  	color:red;font-weight:bold;font-style:italic;
  }
   .red{
  	color:red;
  } 
  
  #rcol_login_outer{
  	text-align:center;
  	position:absolute;
  	right:0;top:0;
  	border:1px solid #5a82b8;
  	width:120px;height:480px;
  	background:#f7f7f7;
  }
  #rcol_login_iframe{
  	background:white;
  	width:120px;height:480px;
  }

  #account_links{
  	text-align:right;
  }
  #account_links a{
	color:black;
	font-size:0.9em;
	text-decoration:none;  	
display: none;  
}
  #account_links a:hover{
   	text-decoration:underline;
  }
  

 .login_box_oldststyle #login_panel_pre{
	background: #007;
	color:white;
 }
 .login_box_shadow #login_panel_pre, .login_box_blurred #login_panel_pre{
  	color:#007;  
 }
 .login_box_oldststyle #login_panel{
    background:#DBEBFF;
  	border-left:1px solid #5a82b8;  
  	border-right:1px solid #5a82b8;   
 }
 .login_box_shadow #login_panel, .login_box_blurred #login_panel{ 
 }
 .login_box_oldststyle #login_panel_post{
	background: #007; 
	color:white;
 }
 .login_box_shadow #login_panel_post, .login_box_blurred #login_panel_post{
	color:black;
 }

 .login_box_oldststyle .login_link_small{
	color:white;
 }
 .login_box_shadow .login_link_small, .login_box_blurred .login_link_small{
	color:black;
 }

 .login_box_shadow #login_post_comment, .login_box_blurred #login_post_comment{
    color:black;
    text-decoration:none;
  }
  .login_box_shadow #login_post_comment a, .login_box_blurred #login_post_comment a{
    text-decoration:none;
    color:black;
  }
  .login_box_shadow #login_post_comment a:hover, .login_box_blurred #login_post_comment a:hover{
    text-decoration:underline;
  }
 .login_box_shadow #login_post_comment a, .login_box_blurred #login_post_comment a  {
	font-style: italic;
	color: black !important;
 }


 .sec-title {
    color: #052E7A;
    font-family: "Trebuchet MS";
    font-size: 18px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.st-globle {
    background: url(login/options-bg.jpg) no-repeat;
    width: 446px;
    height: 96px;
    padding-top: 9px;
    margin: 0 auto 20px;
}


.wa-ico {
    background: url(login/globe.jpg) no-repeat scroll center center transparent;
    color: #9B9F9E;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-seri;
    font-size: 14px;
    font-weight: 700;
    height: 14px;
    margin: 0 auto;
    padding-top: 58px;
    text-align: center;
    width: 120px;
}

.the-input {
	background: url(login/loginbox-bg.jpg) no-repeat 0 0;
    display: block;
    height: 397px;
    margin: 10px auto;
    padding: 76px 70px 10px 75px;
    width: 354px;
	background: url(login/loginbox-bg.jpg) no-repeat 0 0;
}

 #appearance_info{
	position:absolute; 
 	bottom:60px; right:60px;
 }
 #appearance_info2{
	position:absolute; 
 	bottom:36px; right:60px;
 	color:white;
 	font-size:1.2em;
 	font-weight:bold;
	text-shadow: 1px 1px 5px #000;
	-moz-opacity: 0.6; opacity: 0.6;
	filter:alpha(opacity=60);
 }
 .rounded_white_button_large{
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 7px;
     padding-bottom: 7px;
     margin: 2px;
     background: white;
     border: 1px solid #aaa;
     border-radius: 7px;
   	 font-size:11px;
  display: none;
	}
 
  .login_box_oldststyle #appearance_bg{
 	position:absolute; 
 	width:100%; height:100%; top:0; left:0; 
 	background-size: cover; z-index:-10; 
  }

 
 .login_box_shadow #appearance_bg{
	position:absolute; 
	width:100%; height:100%; top:0; left:0; 
	background-size: cover; z-index:-10; 
 }
 
 .login_box_shadow #login_outer:before {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 60px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.1);
    content: " ";
    z-index: -1;
  }  

  .login_box_shadow #login_outer {
    background-color: #edf5ff;
    box-shadow: 0 -4px 0 #007, 0 0 5px rgba(0,0,0,0.5);
    position:relative; 
    border-top: 3px solid #007;
  }

  .login_box_blurred #appearance_bg {
  }

  .login_box_blurred #login_outer{
    height: 250px;
    background: inherit;
    position: absolute;
    overflow: hidden;  
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -300px;
    border-radius: 8px;
    z-index:1;
  }

  .login_box_blurred #login_outer:before{
    height: 400px;
    content: ' ';
    position: absolute;
    left: -25px;
    top: -25px; 
    background: inherit; 
    box-shadow: none;
  }
  
  .dumb_browser #login_outer:before {    
    box-shadow: inset 0 0 0 3000px rgba(255,255,255,0.85);
  }
  .smart_browser #login_outer:before {
    box-shadow: inset 0 0 0 3000px rgba(255,255,255,0.6);
    filter: blur(16px);
  }

  .login_box_blurred #login_inner {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }

 .login_box_blurred #login_panel td{
   	padding-top:5px;
	padding-bottom:5px;
 }
 .tbtn{
 	width:42px;
 	height:42px;
 }
 

@media only screen and (min-width: 768px) {
	.login_box_blurred #login_inner {
		width: 500px;
	}
	.login_box_blurred #login_outer{
	    width: 500px;
	}
	.login_box_blurred #login_outer:before{
		width: 550px;
	}
 }
@media only screen and (max-width: 767px) {
	.login_box_blurred #login_inner {
		width:100%;
	}
	.login_box_blurred #login_outer{
		width:100%;
		left:0;right:0;
		margin-left:0;
    	border-radius: 0;
	}
	.login_box_blurred #login_outer:before{
		width:120%;
	}

}
@media only screen and (max-width: 767px) and (orientation: portrait) {

}
 
 

 


.pannable {
	overflow:scroll;
	-ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    -webkit-overflow-scrolling:touch;
}
.pannable::-webkit-scrollbar {
    display: none;
}



.drop_indicator{
	display:inline-block;
	padding:20px;
	border: 2px dashed red;
}
	
 	#choose_custom{
		position:absolute;background:white;
	}
	
	
@media only screen and (min-width: 768px) {
	#choose_custom{
		bottom:5%;left:5%; right:5%; 
	}
}
@media only screen and (max-width: 767px) {
	#choose_custom{
		bottom:0%;left:0%; right:0%; 
	}
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
	#choose_custom{
		bottom:0%;left:0%; right:0%; 
	}
}


.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}