/*importing fonts*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* Import css and font files
------------------------------*/
@import url("reset.css");
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.floatLeft{float:left;}
.floatRight{float:right;}
.hide{display:none;}
.show{display:block;}
.rightAlign{text-align:right!important;}
.leftAlign{text-align:right!important;}
.centerAlign{text-align:center!important;}
.headingTypeText{font-weight:700; padding-left:5px!important;}
.box50L{width:47%; float:left;}
.box50R{width:47%; float:right;}
dl dt,
dl dd{float:left; margin:0 10px 10px; width:215px;}
.infoType{padding:10px;}
.grey{background-color:#f1f1f1; border:1px solid #ccc!important;}
.italics{font-style:italic;}
.red{color:red;}
.blue{color:blue;}
.paddingL10{padding-left:10px!important;}
.paddingL20{padding-left:20px!important;}
.bold{font-weight:700!important;}


/* Common and layout related styles
-------------------------------------*/
body{font-size:75%; font-family: 'Segoe UI', 'Helvetica Neue', 'WeblySleek_UI_Normal',sans-serif !important;}
#mainContentArea{}
#mainContainer{}
.applyBg{
	/*background-image:url(../img/bg_login001.jpg);
	background-repeat:repeat;
	background-position: 0 0;
	animation: 10s linear 0s normal none infinite animatedBackground;
	-webkit-animation: 10s linear 0s normal none infinite animatedBackground;
	min-height:670px;*/
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-webkit-keyframes animatedBackground{
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

/*submit, reset, cancel button styles */
.buttonWrapper .reset{ background-color:#e6e6e6; border:medium none; color:#333; font-size:1em; padding:8px 10px; text-transform:uppercase;}
.buttonWrapper .reset:hover{ background-color:#d8d8d8 !important }
.buttonWrapper .submit{ background-color:#4D90FE; border:medium none; color:#FFFFFF; font-size:1em; padding:8px 10px; text-transform:uppercase;}
.buttonWrapper .submit:hover{background-color:#0362fd !important}

/* table styles */
.basicTable{border:1px solid #CCCCCC; margin:0 10px 10px; width:98%;}
.basicTable thead td{background-color:#DDDDDD; padding:10px; border:1px solid #ccc; font-weight:700; color:#333;}
.basicTable thead th{ background-color:#DDDDDD; padding:10px; border:1px solid #ccc; font-weight:700; text-align:left;}
.basicTable tbody td{padding:10px; border:1px solid #ccc;}
.basicTable tbody tr:nth-child(odd){background:#F9F9F9;}
.basicTable tbody td a.expand{ background:url(../img/expand.png) no-repeat 0 0 transparent; height:13px; width:13px; display:block;}
.basicTable tbody td a.collapse{ background:url(../img/collapse.png) no-repeat 0 0 transparent; height:13px; width:13px; display:block;}
.basicTable tbody td.innerTable{padding:0;}
.basicTable tbody td.innerTable table td{background-color:#ccc; line-height:1.4em;}
.basicTable tbody td.innerTable table td.columnName{font-weight:700;}
.basicTable a{ color:#00F;}

/* portlet table related styles */
.portletTable{border:1px solid #CCCCCC; margin:10px 10px 10px; width:98%;}
.portletTable thead td{background-color:#DDDDDD; padding:5px; border:1px solid #ccc;}
.portletTable thead th{ background-color:#DDDDDD; padding:5px; border:1px solid #ccc; font-weight:700; text-align:left;}
.portletTable tbody td{padding:3px/*5px 5px 5px 15px*/; border:1px solid #ccc; font-size:11px;}
.portletTable tbody tr:nth-child(odd){background:#F9F9F9;}
.portletTable tbody td a.expand{ background:url(../img/expand.png) no-repeat 0 0 transparent; height:13px; width:13px; display:block;}
.portletTable tbody td a.collapse{ background:url(../img/collapse.png) no-repeat 0 0 transparent; height:13px; width:13px; display:block;}
.portletTable tbody td.innerTable{padding:0;}
.portletTable tbody td.innerTable table td{background-color:#ccc; line-height:1.4em;}
.portletTable tbody td.innerTable table td.columnName{font-weight:700;}
.portletTable a{ color:#00F;}
.box50L .portletTable,
.box50R .portletTable{width:96%;}
.contentSlot .box50L figure,
.contentSlot .box50R figure{padding:10px;}

/* portlet styles */
.portlet{border:1px solid #4D90FE; margin:10px 0 0;}
.portlet h3.portletHeading{background-color:#4D90FE; padding:10px; font-weight:700;}
.portlet h3.portletHeading a.exapndCollapse{background:url(../img/arrow_down.png) no-repeat 15px 8px transparent; display:block; width:16px; height:16px; padding:8px; float:right; margin-top:-10px;}
.portlet h4{margin:0 10px;}
.portlet.infoType ul li{margin:5px 0;}
.portlet.infoType h3{font-weight:bold; font-size:1.1em; margin:10px 0;}
.portlet.infoType .basicTable{margin:0; width:100%;}


/*header related styles
------------------------*/
header{height:45px; background:#1f1f1f;}
header h1{float:left; height:40px;}
h1 figure#logo img{width:60%; margin:10px;}

header .userInfo{float:right; padding:6px;}
header .userInfo a img{float:left;}
header .userInfo a span{color:#fff; float:right; padding:10px;}

/* Login module related styles 
--------------------------------*/



.backRight {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("./../img/coworking-space-berlin-schoeneberg.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

#back {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -999;
}

#slideBox {
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.topLayer {
  width: 200%;
  height: 100%;
  position: relative;
  left: 0;
}

.left {
  width: 400px;
  height: 100%;
  background: rgba(231, 179, 179, 0.596);
  left: 0;
  position: absolute;
  padding: 10px;
}

.content {
  width: 90%;
  margin: 0 auto;
  top: 15%;
  position: absolute;
  height: 400px;
}

.content h2 {
  color: #03a9f4;
  font-weight: 300;
  font-size: 24px;
}

.nex-button {
  width: 150px;
  padding: 5px;
}

#loginWrapper {
  width: 330px;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
  position: relative;
  margin: 10px auto 0px !important;
  text-align: center;
  overflow: auto;
}
#loginWrapper:hover {
  width: 330px;
  background: rgba(255, 255, 255, 1);
  padding: 10px;
  position: relative;
  margin: 10px auto 0px !important;
  text-align: center;
  overflow: auto;
}
#loginWrapper ul {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", "Helvetica Neue", "WeblySleek_UI_Normal", sans-serif !important;
}
#loginWrapper ul li {
  margin: 10px 0;
  display: inline-block;
}
#loginWrapper h2 {
  font-size: 2em;
  color: #fff;
  font-weight: normal;
  margin: 10px 0 20px;
}
#loginWrapper label {
  display: none;
}

.text {
  height: 30px;
  border: 1px solid #35aa47;
  border-left: 3px solid #35aa47;
  width: 300px;
  padding-left: 23px;
}
.password {
  height: 30px;
  border: 1px solid #35aa47;
  border-left: 3px solid #35aa47;
  width: 300px;
  padding-left: 23px;
}
.button {
  color: #000000;
  padding: 4px 25px 5px 8px;
  float: right;
  border: 1px solid #35aa47;
  border-left: 3px solid #35aa47;
  width: 150px;
}

.button:hover {
  color: #FFFFFF;
  padding: 4px 25px 5px 8px;
  float: right;
  background-color: #ff030363;
  border: 1px solid #35aa47;
  border-left: 3px solid #35aa47;
}
#loginWrapper ul li#buttonWrapper {
  float: right;
  width: 30%;
}
#loginWrapper ul li#remember {
  float: left;
  width: 70%;
}
#loginWrapper ul li#remember input[type="checkbox"] {
  float: left;
  margin-top: 0px;
}
#loginWrapper ul li#remember label {
  display: inline;
  margin-left: 5px;
  color: #fff;
}
#loginWrapper ul li#forgotPassword {
  border-top: 1px solid #000;
  padding: 20px 30px 0px;
  width: 290px;
  margin-left: -30px;
}

#forgotPassword a {
  text-decoration: none;
  padding: 10px;
  width: 100%;
  display: block;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #35aa47;
  border-left: 3px solid #35aa47;
  background-color: #ffffff;
}
#forgotPassword a:hover {
  text-decoration: none;
  padding: 10px;
  background-color: #ff030363;
  width: 100%;
  display: block;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  border-left: 3px solid #35aa47;
}
#visit-website{
	padding: 10px;
    border-top: 1px solid #000;
    width: 290px;
    font-size: 14px;
    color: #000000;
    text-align: center;
}
#visit-website a{
	color: #ff0600;
    font-size: 18px;
}


.home_left{position: absolute;overflow: hidden;top: 0;}

#content .sections_wrap{overflow:hidden;}

/*Left filter drawer related styles
------------------------------------*/
aside{float:;left; background:#3d3d3d; width:20%; min-height:599px; position:relative; float:left;}
aside ul#filterList li#menu{padding:11px 9px; border:none; float:right;}
aside ul#filterList li#menu img{margin:0px!important;}
aside ul#filterList li#menu a,
aside ul#filterList li#menu a:hover{background-color:transparent; padding:0px;}
aside ul#filterList li{clear:both; border-bottom:1px solid #5C5C5C; }
aside ul#filterList li a{color:#ccc; font-size:1.2em; padding:11px 9px; display:block;} 
aside ul#filterList li a img{float:left; margin-right:10px;}
aside ul#filterList li a:hover,
aside ul#filterList li a.current{background-color:#333; text-decoration:none;}
aside ul#filterList li a.reset{float:right; text-transform:capitalize; font-size:0.85em; font-weight:normal; padding:0; }

/*
Filter Form related styles
----------------------------*/
.filter{ left:100%; position:absolute; top:4px; display:none; z-index:999;}
#filterWrapper{background-color:#333; /*width:980px;*/ height:570px;} 
#filterWrapper{color:#fff; padding:20px;}
#filterLayoutWrapper{ border-left:1px solid #5C5C5C; float:right; padding-left:20px; width:77%; min-height:98%;}
#filterWrapper h2,
#searchLayoutWrapper h2{font-size:1.6em; font-weight:700; margin-bottom:10px;}
#filterWrapper p,
#searchLayoutWrapper p{font-size:1.1em; padding-bottom:15px; border-bottom:1px solid #5C5C5C;}
#filterWrapper a.close{float:right; margin:0; padding:0;}
#filterWrapper form{margin:15px 0; /*width:90%;*/}

#filterFormWrapper{}
#filterFormWrapper h3{font-size:1.2em; font-weight:700; text-transform:uppercase; display:block; padding:10px 10px 15px 5px;}
#filterFormWrapper .buttonWrapper {float:right;}
#formFieldWrapper{height:420px; overflow:auto; margin-bottom:15px;}

aside #filterList #filterFormWrapper h3{clear:both; border-bottom:1px solid #444; padding-bottom:7px; margin-bottom:10px;}
aside #filterList #filterFormWrapper ul{clear:both;}
aside #filterList #filterFormWrapper li{border:none; float:left; clear:none; margin:0 20px 15px 0; width:30%;}
aside #filterList #filterFormWrapper li label{margin-top:-2px;; display:block;}
aside #filterList #filterFormWrapper li input[type='checkbox']{float:left; margin-top:-3px;}
aside #filterList #filterFormWrapper li input[type='radio']{float:left; margin-top:-4px;}
aside #filterList #filterFormWrapper li select{ width:300px;}
aside #filterList #filterFormWrapper ul.textBox label{ display:block; float:left; margin-right:10px; padding-top:7px;}
aside #filterList #filterFormWrapper ul.selectBox li{width:100%;}
aside #filterList #filterFormWrapper ul.selectBox label{ display:block; float:left; margin-right:10px; padding-top:7px;}
aside #filterList #filterFormWrapper ul.rangeSlider li,
aside #filterList #filterFormWrapper ul.slider li{width:100%;}
aside #filterList #filterFormWrapper ul.rangeSlider label,
aside #filterList #filterFormWrapper ul.slider label{ margin-bottom:10px;}
aside ul#filterList li a.ui-slider-handle{padding:0px;}
aside ul#filterList li img.ui-datepicker-trigger{margin-left:3px; top:3px; position:relative;}
aside #filterList #filterFormWrapper ul.slider,
aside #filterList #filterFormWrapper ul.rangeSlider{width:95%;}

/* Selected filter related styles */
#selectedFilterWrapper{float:left; width:19%;}
#selectedFilterWrapper h3{font-size:1.6em; font-weight:700; padding:0 0 10px 0;}
aside ul#filterList #selectedFilterWrapper li{border:none; margin:0 0 12px;}
#selectedFilterWrapper li.defaultItem {font-size:1em;}

/*sort by radio button related styles */
.sortByChooser{ float:left; height:23px; width:583px; background-color:#7EB0FF; padding:5px 10px;}
aside #filterList #filterFormWrapper .sortByChooser ul li { border:medium none; clear:none; float:left; margin:7px 20px 5px 0; width:15%;}
aside #filterList #filterFormWrapper .sortByChooser li label{ margin-top:-4px;}

/* content area related styles */
#contentArea{width:78%; float:right;}
#contentSection{padding:20px;}

/* module wrapper related styles [old styles]
.moduleWrapper{border:1px solid #4D90FE;}
.moduleWrapper h3{background-color:#4D90FE; font-size:1.2em; padding:10px; text-transform:uppercase;}
.moduleWrapper ul.tools{float:right; margin:-33px 0 0 0;}
#filterLayoutWrapper .moduleWrapper ul.tools li{float:left; margin:0; position:relative; clear:none; border:none;}
.moduleWrapper ul.tools li a.config{background:url(../img/config.png) no-repeat 9px 8px transparent; display:block; width:16px; height:16px; padding:8px;}
.moduleWrapper ul.tools li a.exapndCollapse{background:url(../img/arrow_down.png) no-repeat 9px 8px transparent; display:block; width:16px; height:16px; padding:8px;}
.moduleWrapper .gridTools{display:inline-block; padding:10px; width:98%;}
.moduleWrapper .gridTools li select{ width:100px; border:1px solid #E5E5E5; vertical-align:middle; padding:3px;}
.moduleWrapper .gridTools li input[type='text']{width:270px;  border:1px solid #E5E5E5; vertical-align:middle; padding:3px;}*/


/* module wrapper related styles [after appending it into filter panel]*/
#filterLayoutWrapper .moduleWrapper{}
#filterLayoutWrapper .moduleWrapper h2{border-bottom:1px solid #ccc; padding:0 0 10px 0;}
#filterLayoutWrapper .moduleWrapper ul.tools{float:right; margin:-43px 0 0 0;}
#filterLayoutWrapper .moduleWrapper ul.tools li{float:left; margin:0; position:relative; clear:none; border:none;}
#filterLayoutWrapper .moduleWrapper ul.tools li a.config{background:url(../img/icn_setting.png) no-repeat 9px 8px transparent; display:block; width:16px; height:16px; padding:8px;}
#filterLayoutWrapper .moduleWrapper ul.tools li a.exapndCollapse{background:url(../img/arrow_down_white.png) no-repeat 9px 8px transparent; display:block; width:16px; height:16px; padding:8px;}
#filterLayoutWrapper .moduleWrapper .gridTools{display:inline-block; padding:10px; width:98%;}
#filterLayoutWrapper .moduleWrapper .gridTools li{clear:none; border:none;}
#filterLayoutWrapper .moduleWrapper .gridTools li select{ width:100px; border:1px solid #E5E5E5; vertical-align:middle; padding:3px;}
#filterLayoutWrapper .moduleWrapper .gridTools li input[type='text']{width:270px;  border:1px solid #E5E5E5; vertical-align:middle; padding:3px;}
#filterLayoutWrapper .moduleWrapper a,
#filterLayoutWrapper .moduleWrapper a:hover,
#filterLayoutWrapper .moduleWrapper a.current{color:#0000FF; display:block; font-size:1em; padding:0; background-color:transparent;} 
#companyGridWrapper{height:460px; overflow-y:auto;}
#filterLayoutWrapper .basicTable tbody td{color:#333;}

/* column chooser related styles */
#columnChooser{ background-color:#61A4FF; padding:7px; left:-482px; overflow:hidden; position:absolute; top:32px; width:500px; display:none;}
#columnChooser li{ float:left; width:150px; margin:5px;}

/* Company search related styles */
#companySearchWrapper,
#peopleSearchWrapper{left:100%; position:absolute; top:4px; z-index:999; background-color:#333333; height:551px; padding:20px; color:#fff;}
#searchLayoutWrapper{ border-left:1px solid #5C5C5C; float:right; padding-left:20px; width:75%;}
aside ul#filterList li .sliderWrapper a.close{float:right; display:inline-block;}
#SearchWrapper{min-height:350px;}
input[type='text']#companySearch,
input[type='text']#peopleSearch{ font-size:1.4em; margin:20px 20px 20px 0; padding:8px; width:550px;}

/* Company slider wrapper related styles */
#companyListSliderWrapper{ left:100%; position:absolute; top:4px; display:none; z-index:998; width:250px; height:590px; background-color:#3d3d3d;}



/*footer related styles
-------------------------*/
footer{height:30px; background:#3d3d3d; clear:both;}


/* breadcrumb related styles
------------------------------------------*/
ul#breadCrumb{background-color:#ccc; padding:10px; margin-bottom:15px;}
ul#breadCrumb li{ display:inline;}

/*
Profile related styles
-------------------------*/
#profileWrapper h2{ font-family:'Open Sans'; font-size:2em; margin-bottom:15px;}
.contentSlot{clear:both; margin:15px 0;}
.contentSlot figure{float:left;}
.profileInfoWrapper{float:right; width:74%;}
.profileInfoWrapper h3{font-size:1.8em; margin-bottom:10px;}
.profileInfoWrapper p{line-height:1.2em; font-size:1.1em;}
.profileInfoWrapper .basicTable{clear:both;}

/* Tabs related styles
--------------------------*/
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{background:#fff; border:none; color:#333;}

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited{color:#333;}

.tabs{background:transparent; border:none;}
.ui-widget-header{background:none;}
.tabs ul{background:noned; border:none;}
.tabs ul li{float:left; background:none; border:none; margin-left:5px; position:relative; top:1px; background-color:#fff;}
.tabs ul li a{padding:10px; border-radius:0; display:inline-block; margin:0; color:#333;}
.ui-state-active a{border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:3px solid red;}
.ui-widget-content{background:none; padding:10px 10px 10px 0; border:none; border-top:1px solid #ccc;}

/* media queries
------------------*/
@media only screen and (max-width: 35em) {
  #mainContainer{width:100%; font-size:1.2em;}
}