/* ******** 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{
	font-family: 'Open Sans', sans-serif;
    margin:0;
    padding:0;
    background-color:#e5e4d6;
}

body, html{
	overflow-x:hidden;
}

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

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

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

h3{
    font-weight:600;
    font-size:16px;
}

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

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

.initial{
	font-size:20px;
}

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

	.btn-submit{
		min-width:100px;
	}
	
	.btn-menu{
		min-width:100px;
	}
				
	.btn-wide{
		width:100%;
		border:none;
		font-weight:900;
	}
		
	
/* * * * * BEGIN OLD CSS STYLES * * * * */

	.loginTable{
		/*background:url(4Login.gif) no-repeat; */
		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{
		overflow-x:hidden;
	}
			
	/* * * * * 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{
		font-family: 'Oswald', sans-serif; 
	}
		
	#header_img{
		float:left;
		width:35px;
	}
		
	#headerbackground{
	
	z-index:6;
	}
		
		
	#header_menu > li{
		padding:20px 0px;
		z-index:5;
	}
		
	#header_menu li:hover > a{
		width:100%;
	}

	#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{
		width:100%;
		font-size:13px;
	}
			
	#header_menu li .submenu ul li ul > li{
		display:none;
	}
		
	#header_menu li .submenu ul li:hover ul li{
		padding:10px 20px;
	}
		
	#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-header{
		border-bottom:none;
	}
		
	.well-info-header a{
		transition-duration:0.5s;
	}
		
	.well-info-darker{
		width:100%; 
		text-align:center;
		padding:2px 0px;
		border:solid 1px #CC0000;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		font-size:14px;
	}
		
	.well-info-darker{
		border-bottom:none;
	}
		
	.well-info-darker a{
		transition-duration:0.5s;
	}
	
	
		
	.well-info-footer{
		border-top:none;
	}
		
	
		
	.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;
		padding:10px;
		z-index:3;
	}

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

	.red{
		clear:left;
		font-size:14px;
		margin:0 1px;
		padding:5px 10px;
		text-align:right;
		width:100%;
	}
	
	.red a{
		font-weight:900;
	}
		
	.footer{
		margin:0 0 0 7px;
		padding:20px;
		text-align:center;
	}

	.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;
	}

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

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

.normalcheck input[type=checkbox]{
	visibility:visible;
	vertical-align:middle;
	
}

label.normalcheck{
    font-weight: bold;
    color: #666666;
}


#message_results input[type=checkbox]{
	
}

.chkbox-cust{
	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;
}

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