/* ******** NEW_SKIN_2015 ******** */
/* Style Sheet by Joma - March 17, 2015 */

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/Open_Sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: 'Oswald';
    src: url(fonts/Oswald/Oswald-Regular.ttf);
}

body{
	background-color:#e5e4d6;
	font-family: 'Open Sans', sans-serif;
    margin:0;
    padding:0;
}

body, html{
	overflow-x:hidden;
}

h1,h2,h3,h4{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
}

h1{
    color:#a0370d;
    font-weight:500;
    font-size:28px;
}

h2{
	font-weight: 500;
	font-size: 18px;
	color:#a0370d;
}

h3{
    font-weight:600;
    font-size:16px;
	 color: #3c523e;
}

h4{
    font-weight:600;
    font-size:20px;
}

a	{
	text-decoration:none;
	color:#A0370D;
}
	
a:hover{
	text-decoration:none;
}
	
.pointer{
	cursor:pointer;
}

.initial{
	font-size:20px;
}

/* * * * * BEGIN BUTTON STYLES - USE WITH BOOTSTRAP V3.x * * * * */

	.btn-submit{
		background:linear-gradient(#5c805e, #8fbb91);
		background-color:#5c805e;
		color:#fff;
		width:100px;
	}

	.btn-submit:hover{
		background:linear-gradient(#8fbb91, #5c805e);
		color:#fff;
	}
		
	.btn-menu{
		background:linear-gradient(#A0370D, #c76c64);
		background-color:#A0370D;
	}
		
	.btn-menu:hover{
		background:linear-gradient(#c76c64, #A0370D);
	}
		
	.btn-menu, .btn-menu:hover, .btn-menu:hover > a {
		color:#fff;
	}
		
	.btn-wide{
		width:100%;
		border:none;
		color:#2f4630;
		font-weight:900;
		background:linear-gradient(#ddd,#aaa);
	}
		
	.btn-wide-submit{
		background:linear-gradient(#5c805e, #8fbb91);
		color:#fff;
	}
		
	.btn-wide-menu{
		background:linear-gradient(#A0370D, #c76c64);
		color:#fff;
	}
		
	.btn-wide:hover{
		background:linear-gradient(#aaa,#ddd);
	}
	
/* * * * * BEGIN OLD CSS STYLES * * * * */

	.loginTable{
		background:url(4Login.gif) no-repeat;
		background-color:#d7cec7;
		width:100%;
	}

	.table-none tr >td{
		border:none;
	}

	.spamChart{
		width:200px;
		height:150px;
		padding:0px;
		margin:0px;
	}
		
	.gwt-DecoratedPopupPanel{
		z-index:1000;
	}

/* * * * * BEGIN FORM STYLES - USE WITH BOOTSTRAP class="form-control" * * * * */	

	.form-left{
		border-radius:5px 0px 0px 5px;
	}
		
	.form-middle{
		border-radius:0px;
		border-left:none;
		border-right:none;
	}
		
	.form-right{
		border-radius:0px 5px 5px 0px;
	}
		
	.form-text{
		background-color:#eaeaea;
		overflow-x:hidden;
	}
	
	.required{
		background-color:#ffcecb;
	}
		
	/* * * * * BEGIN PERCENTAGE STYLING * * * * */

		.wth-1{
			width:10%;
		}
		
		.wth-2{
			width:20%;
		}
		
		.wth-3{
			width:30%;
		}
		
		.wth-4{
			width:40%;
		}
		
		.wth-5{
			width:50%;
		}
		
		.wth-6{
			width:60%;
		}
		
		.wth-7{
			width:70%;
		}
		
		.wth-8{
			width:80%;
		}
		
		.wth-9{
			width:90%;
		}
		
		.clear{
			clear:both;
		}

/* * * * * BEGIN HEADER STYLES - see NewPageHeader.jsp * * * * */
	
	#home_link:hover{
		text-decoration:none;
	}
		
	#header_left, #header_right{
		color:#fff; 
		font-family: 'Oswald', sans-serif; 
	}
		
	#header_img{
		float:left;
		width:33px;
	}
		
	#header_menu{
		background-color:#2f4630;
	}
		
	#header_menu a{
		color:#fff;
	}
		
	#header_menu > li{
		padding:20px 0px;
		z-index:5;
	}
		
	#header_menu li:hover{
		background-color:#5c805e;
	}
		
	#header_menu li:hover > a{
		width:100%;
		color:#fff;
	}

	#header_menu li .submenu{
		display:none;
		position:absolute;
		z-index:0;
		border-bottom:groove 5px #3d5b3f;
	}
		
	#header_menu li:hover > .submenu{
		display:block;
		margin-top:20px;
		z-index:4;
		/* border-radius:0 0 10px 0; */
	}
			
	#header_menu li .submenu > ul li a{
		color:#fff;
		width:100%;
		font-size:13px;
	}
		
	#header_menu li .submenu > ul li{
		background-color:#5c805e;
	}
		
	#header_menu li .submenu > ul li:hover{
		background-color:#68a06a;
	}
		
	#header_menu li .submenu ul li ul > li{
		display:none;
	}
		
	#header_menu li .submenu ul li:hover ul li{
		padding:10px 20px;
		background-color:#68a06a;
	}
		
	#header_menu li .submenu ul li:hover ul li:hover{
		background-color:#6bb26c;
	}
		
	#server_options ul li{
		width:100%;
		background-color:none;
	}

	/* * * * * BEGIN MEDIA QUERIES * * * * */	
		
		/* Screen Resolution for Desktops */
		@media (min-width:992px){
			
			#header_left{
				font-size:40px;
			}
			
			#header_sub{
				font-size:15px;
			}
			
			#header_right{
				font-size:15px;
				margin-top:30px;
			}
			
			#header_menu > li{
				width:16%;
			}
			
			#header_menu li > a{
				text-decoration:none;
				padding:10px 0px;
				font-weight:400;
				font-size:15px;
				font-family: 'Open Sans', sans-serif;
			}
			
			#header_menu li .submenu > ul li{
				padding:5px 0px 5px 15px;
				text-align:left;
			}
			
			#header_menu li .menu_sm{
				width:16%;
			}
			
			#header_menu li .submenu ul li ul{
				display:block;
				position:absolute; 
				width:100%;
				left:100%; 
				margin-top:-25px;
			}
			
			#header_menu li .submenu ul li:hover ul li{
				display:block;
				width:100%;
			}
			
			.hide_lg{
				display:none;
			}
		}
		
		/* Screen Resolution for Tablets */
		@media (min-width:768px) and (max-width:992px){
			
			#header_left{
				font-size:30px;
			}
			
			#header_sub{
				font-size:15px;
			}
			
			#header_right{
				font-size:15px;
				margin-top:20px;
			}
			
			#header_img{
				width:25px;
			}
			
			#header_menu > li{
				width:16%;
			}
			
			#header_menu li > a{
				text-decoration:none;
				padding:10px 0px;
				font-weight:400;
				font-size:15px;
				font-family: 'Open Sans', sans-serif;
			}
			
			#header_menu li .submenu > ul li{
				padding:10px 0px;
				text-align:center;
			}
			
			#header_menu li .menu_sm, #header_menu li .submenu ul li ul{
				width:100%;
				right:0px;
			}
			
			#header_menu li .submenu ul li > ul{
				margin-top:10px;
				text-align:left;
			}
			
			.hide_md{
				display:none;
			}
		}
		
		/* Screen Resolution for Mobile Devices */
		@media (max-width:768px){
			
			#header_left{
				font-size:25px;
			}
			
			#header_sub{
				font-size:8px;
			}
			
			#header_right{
				font-size:10px;
				margin-top:13px;
			}
			
			#header_img{
				width:22px;
			}
			
			#header_menu > li{
				padding:20px 0px;
				width:15%;
				z-index:5;
			}
			
			#header_menu li > a{
				text-decoration:none;
				padding:10px 0px;
				font-weight:400;
				font-size:15px;
				font-family: 'Open Sans', sans-serif;
			}
			
			#header_menu li .submenu > ul li{
				padding:10px 0px;
				text-align:center;
			}
			
			#header_menu li .menu_sm, #header_menu li .submenu ul li ul{
				width:100%;
				right:0px;
			}
			
			#header_menu li .submenu ul li > ul{
				margin-top:10px;
				text-align:left;
			}
			
			.menu_hide_sm{
				display:none;
			}
		}
	
/* * * * * BEGIN INFO BUTTON CLICK/HOVER TOGGLES * * * * */

.more_info{
	display:none;
	position:absolute;
	max-width:95%;
	z-index:3;
}
	
/* * * * * BEGIN WINDOW PANEL STYLINGS * * * * */
	
	.well-info-wrap{
		transition-duration:0.5s;
	}
		
	.well-info-wrap:hover{
		box-shadow:0px 0px 20px 3px #5c805e;
	}
		
	.well-info-header, .well-info-footer{
		width:100%; 
		text-align:center;
		background-color:#5c805e; 
		color:#fff; 
		padding:2px 0px;
		border:solid 1px #5c805e;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		font-size:14px;
	}
		
	.well-info-header{
		background:linear-gradient(#5c805e, #8fbb91);
		border-bottom:none;
	}
		
	.well-info-header a{
		color:#fff;
		transition-duration:0.5s;
	}
		
	.well-info-header a:hover{
		color:#A0370D;
	}
		
	.well-info-body{
		padding:10px;
		border:solid 1px #5c805e;
	}
		
	.well-info-footer{
		background:linear-gradient(#8fbb91, #5c805e);
		border-top:none;
	}
		
	.well-info-additional{
		width:100%;
		background-color:#eaeaea;
		padding:10px;
		border:none;
		border-bottom:solid 1px #aaa;
		text-align:center;
	}
		
	.no-padding{
		padding:0px;
	}
		
	.panel-text{
		font-size:13px;
	}
		
	.config-box{
		border:solid 1px #ddd;
		border-top:none;
		padding:20px;
	}
		
	.popup_info{
		display:none;
		position:absolute;
		background-color:#fff;
		border:solid 1px #5c805e;
		padding:10px;
		box-shadow:0px 0px 10px 1px #243724;
		z-index:3;
	}

/* * * * * BEGIN FOOTER STYLES * * * * */

	.red{
		background-color:#a0370d;
		clear:left;
		color:#fff;
		font-size:14px;
		margin:0 1px;
		padding:5px 10px;
		text-align:right;
		width:100%;
	}
	
	.red a{
		color:#8fbb91;
		font-weight:900;
	}
	
	.red a:hover{
		color:#9bd89c;
	}
		
	.footer{
		margin:0 0 0 7px;
		padding:20px;
		text-align:center;
		color:#7c7c7c;
	}

	.footer div{
		margin:7px 0 0 0;
		font-size:10px;
	}

	.footer a,.footer a:visited{
		text-decoration:none;
	}

	.footer a:hover{
		text-decoration:underline;
	}
	
/* * * * * BEGIN SYNTAIL STYLINGS * * * * */

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

	/** Set ids using widget.getElement().setId("idOfElement") */
	#closeButton {
	  margin: 15px 6px 6px;
	}

	#lineCountControl{
		width: 40px;
	}

	#fileDataControl{
		width: 100%;
		font-family: Courier New;
		padding: 12px;
		border: 1px solid #DDDDDD;
		font-size: 11px;
	}

	#fileDataControl .paused{
		background-color: #CCCCCC;
	}

	.highlighted{
		font-weight: bold;
		font-color: red;
		background-color: yellow;
	}
	
/* * * * * BEGIN CUSTOM CHECKBOX STYLINGS * * * * */

input[type=checkbox]{
	visibility:hidden;
}

#message_results input[type=checkbox]{
	
}

.chkbox-cust{
	background:#fff;
	position:relative;
}

.chkbox-cust:after{
	position:absolute;
	right:10px;
	z-index:0;
}

.chkbox-cust:before{
	position:absolute;
	left:10px;
	z-index:0;
	content:url('checkbox.png');
}

	@media (max-width:768px){
		.chkbox-cust:before{
			content:'';
		}
	}

.chkbox-cust label{
	display:block;
	width:47.5%;
	margin-top:4.5%;
	height:85%;
	border-radius:5px;
	transition: all .4s ease;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:2.5%;
	z-index:1;
	background:#ccc;
}

.chkbox-cust input[type=checkbox]:checked + label{
	left:50%;
	margin-right:2.5%;
	background:#4dae4a;
}