/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Custom CSS Code 
=================================================*/

/* this logo width & height , you can change it depend on your logo */
.logo {
	margin: 0;
}

	.logo img {
		width: 126px;
		height: 125px;
	}

body.pagebody {
	background: url(bg/fabric.jpg) repeat;
}

.main-content p a, .main-content li a {
	color: #80ba42;
}

	.main-content p a:hover, .main-content li a:hover {
		color: #5a5c5d;
	}

/*.container {padding: 0 30px;}*/

h1 {
	font-size: 46px;
	line-height: 50px;
	margin-bottom: 14px;
}

h2 {
	font-size: 28px;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h3 {
	font-size: 23px;
	line-height: 34px;
	margin-top: 15px;
	margin-bottom: 8px;
}

h4 {
	font-size: 19px;
	line-height: 30px;
	margin-bottom: 4px;
}

h5 {
	font-size: 16px;
	line-height: 24px;
}

h6 {
	font-size: 14px;
	line-height: 21px;
}

p {
	margin: 12px 0;
}

b {
	font-weight: bold;
}

ul ul {
	margin-top: 5px;
}

.small {
	font-size: 90%;
}

.large {
	font-size: 110%;
}

.main-content ul {
	list-style: disc;
}

.main-content li {
	display: list-item;
	list-style: disc;
	margin: 0 0 10px 40px;
	line-height: 18px;
}

.main-content p:first-of-type, .main-content h2:first-of-type, .main-content h3:first-of-type {
	margin-top: 0;
}

.top {
	margin-top: 0;
}

.bottom {
	margin-bottom: 0;
}

.topbot {
	margin-top: 0;
	margin-bottom: 0;
}

.button.color {color: white;}
	.button.color:hover {color: #E2E2E2;}

.event {
	margin-top: 30px;
	font-size: 12pt;
	text-align: left;
}

	.event h2 {
		margin: 0;
	}

	.event p {
		margin: 0;
	}

.sidebar h1 {
	margin: 0;
	padding: 5px 15px;
	font-size: 20px;
	line-height: 20px;
	background-color: #5a5c5d;
	color: white;
}

.sidebar ul {
	margin: 0;
	padding: 0;
}

.sidebar li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	font-size: 90%;
}

.presenter-right {
	float: right;
	margin: 0 0 10px 10px;
}

.presenter-left {
	float: left;
	margin: 0 10px 10px 0;
}

table.style td, table.style th {
	text-align: left;
}

/*Menu*/
header.style-3 .nav {
	float: left;
}

header.style-3.style-5 .navigation > .nav {
	display: inline-block;
	float: none;
	margin-bottom: -4px;
}

.nav {
	margin-top: -4px;
}

header.style-3 .nav {
	margin-top: -1px;
}

header.style-3.style-5 .navigation > .nav {
	text-align: left;
}

/* Form Styles */
.List1 label, .List1bold label, .List2 label, .List2bold label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #14314F;
	font-weight: normal;
}

/* This class defines the styles for table headers in the  */
.TableHeader {
	color: white;
	background-color: #80ba42;
	font: bold 11px Verdana,tahoma,Arial;
	padding: 2px 6px 2px 6px;
	border: 1px solid white;
}

/* This class defines table backgrounds */
.List1 {
	color: #14314F;
	background-color: #C0C0C0;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type */
.List1bold {
	color: #14314F;
	background-color: #C0C0C0;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds */
.List2, .List2 p {
	color: #14314F;
	background-color: #E2E2E2;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type*/
.List2bold, .List2bold p {
	color: #14314F;
	background-color: #E2E2E2;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

	.List1 p, .List1bold p, .List2 p, .List2bold p,
	.List1 ul, .List1bold ul, .List2 ul, .List2bold ul {
		font: normal 10px/14px Verdana,tahoma,Arial;
		margin: 0;
		border: 0;
	}

/* This class defines the styles for all generic buttons */
.InputSubmit1 {
	color: white;
	background-color: #80ba42;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all buttons on the main admin display*/
.InputSubmit2 {
	color: black;
	background-color: white;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all input boxes*/
.InputBox {
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for all text areas*/
.InputBoxTextArea {
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for main tables*/
.Table1 {
	border: 1px solid black;
	margin: 1px 0 10px 0;
	border-collapse: separate;
}

/* This class defines the styles for all error messages */
.Error {
	color: #e7402f;
}

/* This class defines the styles for all required field markers */
.Required {
	font: bold 10px Verdana,tahoma,Arial;
	color: #e7402f;
}

.Message {display: block; padding: 10px; margin-bottom: 10px; background-color: lemonchiffon;}

.validatorHighlight {background-color: lemonchiffon;}

.background {background-color: #80ba42;}

.progressBackgroundFilter,#progressBackgroundFilter {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #000; 
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1000;
}
.popupPanel {
    z-index: 1002;
    padding: 10px;
    background-color: White;
    color: Black;
    border: 2px solid black;
    position: relative;
}

.exceltext {mso-number-format: \@;}

.Watermark {
	color: #888888;
	background-color: #FDFDFD;
	border: 1px solid black;
	font-family: Verdana,tahoma,Arial; 
	font-size: 10px;
	font-weight: normal;
}

.wysiwygeditor {font-family:'RobotoRegular', Arial, sans-serif;}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {padding: 0 15%;}