@charset "utf-8";

/* CSS Document */
@font-face{
	font-family:'colaborate-regular';
	src: url('../font/ColabReg.eot');
	src: url('../font/ColabReg.eot?#iefix') format('embedded-opentype');
}

@font-face{
	font-family:'colaborate-regular';
	src: url('../font/ColabReg.otf');
}

* {
	margin:0;
	padding:0;
}
[disabled] {
  opacity: 0.7;
}

* body{
	margin:0;
	padding:0;
}

ul{
	padding:0;
	margin:0;
}

a img {
	border:none;
	cursor:pointer;}

a{
	text-decoration:none;
	cursor:pointer;}
	
body{
	background: url(../images/landing_page.jpg) no-repeat center top;
	font-family: "rooney-sans","calibri",sans-serif;
	font-size:14px;
	background-size:cover;
	}

p{
	font-size:14px;
	font-family: "rooney-sans",sans-serif;
	margin:0;}
.clear{
	clear:both;
	}
#wrapper{
	width:auto;
	height:auto;
	}

.blue{color:#29abe1;}
.green{color:#39b549;}
.orange{color:#fa913a;}

.bluebg{ background-color:#29abe1; color:#fff;}
.greenbg{ background-color:#39b549; color:#fff;}
.orangebg{ background-color:#fa913a; color:#fff;}
/* Header Start*/

#header{
	width:auto;
	height:auto !important;
	}
#headernav{
	border:#707070;
	background:#666666;
	margin:0 auto;
	height:auto;
	width:auto;
	}
#nav2{
	margin:0 auto;
	width:360px;
	float:right;
	}
#nav2 ul {
	list-style:none;
	margin:2px 0px 0px 0px;
	float:right;
	}

#nav2 ul li {
	padding:0px;
	display:inline-block;
		}
#nav2 ul li a{
	text-decoration:none;
	display:inline-block;
	padding-right:4px;
	color:#c1c1c1;
	font-size:16px;
	vertical-align:middle;
}
#nav2 span{
	color:#c1c1c1;
	display:inline-block;
}
#headerlogo{
	background: url("../images/header-img-repeat.png");
	margin:0 auto;
	height:auto;
	width:auto;
	padding:8px 0 4px;	    margin-top: -1px;
}

.headercontent{
	margin:0 auto;
	width:1100px;
	height:auto;
	padding:6px 0px;
}
#logo{
	margin-top:5px;
	background:url(../images/logo.png) no-repeat;
	width:183px;
	height:76px;
	float:left;
}


#headertxt {
  float: left;
  height: auto;
  margin-top: 14px;
  width: 33.3%;
}

.headerleft{
	width:200px;
	height:auto;
	float:left;
	text-align:left;
	margin-top:10px;
}
.headermid{
	width:500px;
	height:auto;
	float:left;
	text-align:center;
	margin-top:25px;
}

.headermid h1 {
	font-size: 32px;
    font-weight: 400;
	
}

.headerright {
  float: right;
  height: auto;
  margin-top: 10px;
  text-align: right;
  width: 33.3%;
}
.headerleft{ width:33% !important;}
	.headermid{ width:33% !important;}
.loginname{
float:right; padding:10px 6px 0px 0px; color:#666; font-size:16px;
}
.headerright span{
	font-size:14px;
	color:#595959;
}

#headertxt h3 {
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
#headertxt p{
	font-size:21px;
	text-align:right;
}
#headertxt span{
	font-size:16px;
	display:inline-block;
	padding:10px;
	text-align:right;
	float:right;
	color:#666666;
}

#adminstng{
	width:490px;
	height:auto;
	float:left;
	margin-top:20px;
	text-align:right;
	}
#adminstng img{
	float:right;
}
#adminstng h3{
	font-size:25px;
	padding:9px;
	color:#666666;
	display:inline-block;
}

/*End of Header*/

.content{
	margin:0 auto;
	width:1100px;
	height:auto;
	}
#contentdiv {
  height: auto;
  margin: 3em auto 0;
  width: 960px;
}
#contentdivs{
	margin:0 auto;
	height:350px;
	width:1100px;
}
.logindiv{
	background:url(../images/loginbg.png) no-repeat;
	width:945px;
	height:274px;
	margin:0 auto;
	top:84px;
	position:relative;
}

#login-content {
  margin: 0 auto;
  position: absolute;
  top: 140px;
  width: 100%;
}

#login-content p {
  color: #fff;
  font-size: 34px;
  font-weight: 300;
  padding-bottom: 28px;
  text-align: center;
  width: 100%;
}

#login-content input.text-input, #login-content input.text-input1 {
  border: medium none;
  border-radius: 26px 4px 21px 30px;
  color: #666;
  font-size: 18px;
  line-height: normal;
  margin-right: 11px;
  padding: 8px 6px 8px 30px;
  width: 230px;
}
#login-content input.text-input1
{
	border-radius:0px;
}

#login-content input:focus {

border:none;

outline:0;

}


.button{
	font-family: "rooney-sans",sans-serif;
    display: inline-block;
    background:url(../images/btn.png) no-repeat;
    border:none;
    padding: 4px 7px 7px !important;
    color: #666 !important;
    font-size: 18px !important;
    cursor: pointer;
	height:39px;
	width:144px;
}
#lgnav {
  left: 295px;
  margin: 0 auto;
  position: absolute;
  top: 225px;
}
#lgnav ul {
	list-style:none;
}
#lgnav ul li {
	padding:0px;
	display:inline-block;
}
#lgnav ul li a{
	text-decoration:none;
	display:inline-block;
	padding-right:14px;
	color:#c1c1c1;
	font-size:12px;
}	

.scroll-fixed {  position: fixed; bottom: 0%; width: 100%;}
.scroll{
	margin:0 auto;
	background:url(../images/scrol.png);
	height:125px;
	width:288px;
	margin-top:33px;
}
.scroll p{
	padding-top:20px;
	text-align:center;
	font-size:36px;
	color:#FFF;
}
/*next page*/

.menubar{
	background:url(../images/loginheaderbg.png) repeat;
	height:22px;
	width:auto;
	margin:0 auto;
}
#menu{
	margin:0 auto;
	width:960px;
	height:auto;
}
#menu ul {
	list-style:none;
}
#menu ul li {
	padding:0px;
	display:inline-block;
}
#menu ul li a{
	text-decoration:none;
	display:inline-block;
	padding:4px 4px 4px 0;
	color:#fff;
	font-size:14px;
}
.inner{
	float:left;
	margin-right:91px;
	width:auto;
	height:auto;
	position:relative;
	top:55px;
}
.inner p{
	font-size:24px;
	color:#FFF;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:25px;
}
.innertxt{
	position:absolute;
	bottom:20px;
	width:258px;
	height:auto;
}
.innertxt p{
	font-size:24px;
	color:#FFF;
	width:100%;
	text-align:center;
	}
#assistance{
	background:#666666;
	border:none;
	border-radius:25px;
	height:39px;
	width:163px;
	float:left;
}
#assistance p{
	font-size:25px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding:4px;
	font-family: "rooney-sans",sans-serif;
}
#logout{
	background:#FB913B;
	border:none;
	border-radius:25px;
	height:39px;
	width:113px;
	float:right;
}
#logout p{
	font-size:22px;
	text-align:center !important;
	text-decoration:none;
	color:#ffffff;
	padding:6px;
	margin:0;
	font-family: "rooney-sans",sans-serif;
}

/*Library page*/


.librarybg {
  background: rgba(0, 0, 0, 0) url("../images/bgstrips.jpg") repeat scroll center top / contain ;
  height: auto;
  margin: 0 auto;
  min-height: calc(100vh - 152px);
  width: auto;
}
.libcontentuper{
	margin:0 auto;
	height:auto;
	width:1100px;
	padding:20px 0;
	float:left;
}
#per{
	margin:0 auto;
	height:auto;
	width:960px;
	padding:20px 0;
}
#search{
	width:auto;
	height:auto;
	text-align:center;
	margin:0 auto;
	width:200px;
}
#search img{
	float:left;
}
#searchtxt{
	float:right;
	width:auto;
	height:auto;
	padding: 15px;
}
#searchtxt h3{
	text-align:left;
	font-size:30px;
	padding-right:15px;
	color:#666666;
	display:inline
	}
#searchtxt span{
	text-align:left;
	font-size:16px;
	color:#666666;
}
.libright{
	margin-top:14px;
	width:auto;
	height:auto;
	float:right;
}
#librenter{
	background:#707070;
	border:none;
	border-radius:25px;
	float:left;
	height:39px;
	width:195px;
	margin-right:10px;
}
#librenter p{
	font-size:21px;
	text-align:center;
	padding:7px;
	color:#ffffff;
	margin:0;
	}
#librenter a{color:#FFF;}
#librenterpdf{
	background:#707070;
	border:none;
	border-radius:25px;
	float:left;
	height:39px;
	width:245px;
	margin-right:10px;
	}

#librenterpdf p{
	font-size:21px;
	text-align:center;
	padding:8px;
	color:#ffffff;
	margin:0;
	}
#libs{
	background:#fb913b;
	border:none;
	border-radius:25px;
	float:right;
	height:39px;
	width:85px;
}
#libs p{
	font-size:21px;
	text-align:center;
	padding:7px;
	color:#ffffff;
	margin:0;
}
.libcontentdown{
	margin:0 auto;
	min-height:460px;
	height:auto;
	width:auto;
	background:#cccccc;
	border:none;
	border-radius:15px;
	margin-bottom:25px;
	padding-bottom:25px;
	
}
.bgblue{
background-color:#09142b;
border-top-left-radius:0;
border-top-right-radius:0;
margin-top:-35px;
padding:10px 15px;
}
.modulemain{
	min-height:365px;
	height:auto;
	width:350px;
	float:left;
	margin-right:20px;
	border-right: 1px dotted #FFFFFF;
	padding-left:12px;
}
.arrow{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 0 16px 20px;
	border-color: transparent transparent transparent #ffffff;
	margin:0 auto;
	float:right;
	position:relative;
	top:138px;
	right:6px;
}

.arrow-down{
	border-style: solid;
    border-width: 20px 16px 0;
    height: 0;
    position: relative;
    left: 669px;
    top: 365px;
    width: 0;
	border-color: #707070 transparent transparent transparent;
}
.libarrow{
left:785px;}
.modulemain h4{
	text-align:left;
	font-size:24px;
	margin:0;
	color:#cccccc;
	font-weight:normal;
	padding:5px;
}
.moduleselection{
	min-height:200px;
	height:auto;
	width:320px;
	background:#FFF;
	border:none;
	border-radius:10px;
	float:left;
}
.modules{
	/*background:#fb913b;*/
	height:255px;
	width:263px !important;
	margin-top:8px;
	margin-left:20px;
	
}
.modules ul li {
	list-style:none;
	color: #666666;
	font-size:12px;
	padding:10px;
	margin-bottom:5px;
	cursor:pointer !important;
}
.modules p{
	text-align:left;
	font-size:18px;
	color:#666666;
	}
.catogerymain{
	min-height:365px;
	height:auto;
	width:348px;
	float:left;
	margin-right:20px;
	border-right: 1px dotted #FFFFFF;
}
.catogerymain h4{
	text-align:left;
	font-size:24px;
	margin:0;
	color:#cccccc;
	font-weight:normal;
	padding:5px;
}
.category{
	height:300px;
	width:250px;
	float:left;
	background:#FFF;
	border:none;
	border-radius:10px;
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
	left:17px;
}
.category2{
	height:290px;
	width:335px;
	float:left;
	overflow-x:hidden;
	position:relative;
	left:0px;
	background-color:#09142b;
	color:#707070;
	padding-top:10px;
	padding-bottom:15px;
}
.incat2 h4{
	color:#707070 !important;
	padding-left:0px !important;
	font-size:20px !important;
}

.incat2{
	margin:0 auto;
	padding:0;
	width:90%;
	height:35px;
}
a.edit{
width:28px;
height:20px;
display:block;
cursor:pointer;
background:url(../images/item_edit.png) no-repeat;
float:right;
margin-top:3px;
}
span.edit:after{
	content: "";
    display: inline-block;
    background: url(../images/item_edit.png) no-repeat top right;
    width: 28px;
    height: 20px;
}
.btn_upload{
width:25px;
height:25px;
display:block;
cursor:pointer;
background:url(../images/item_upload.png) no-repeat;
float:right;
}
a.delete{
display:block;
background-color:#d04400 !important;
border:1px solid #d04400;
border-radius:15px;
width:120px;
margin:0 auto;
color:#fff;
padding:5px 10px;
text-align:center;
}
span.orange{
color:#fa913a;
}
.upload{
color:#fff;
text-align:center;
font-size:12px;
margin-top:10px;
}
.c2bord{
	padding-bottom:0px;
}

.category2 input[type='text']{
	width:80%;
	margin: 0 auto;
	padding:5px;
	text-align:center;
}

.category2 select{
	width:84%;
	margin: 0 auto;
	padding:5px;
	text-align:center;
}


.categoryname{
	padding-bottom:10px;
	background:#f4f5f5;
	border:1px solid #c1c1c1;
	border-radius:4px;
	height:auto;
	width:240px;
	margin:5px;
	cursor:pointer !important;
}
.categorytxt{
	min-height:20px;
	width:185px;
	padding:7px;
	float:left;
}
.categorytxt p{
	text-align:left;
	font-size:12px;
	color:#666666;
}
	.categorytxt a{
	text-align:left;
	font-size:12px;
	color:#666666;
	cursor:pointer;
}
.categoryaction{
	width:auto;
	height:auto;
	float:right;
	padding:0px 4px;
}
.categoryaction img{
	margin-top:3px;
}	
.categoryadd{
	background:#fb913b;
	height:auto;
	width:auto;
	border-radius:4px;
	margin:5px;
}
.categoryadd p{
	text-align:left;
	font-size:16px;
	color:#666666;
	margin:0;
}
.categoryadd img{
	margin-top:5px;
	margin-left:5px;
}	
/*//////////////////    library page selectors  //////////////////       */
.high{
	background:#707070 !important;
}
.high span{color:#fff !important;}
.modselected{background:#fb913b;

color:#ffffff !important;

}


/*permission page*/

.companymain{
	min-height:365px;
	height:auto;
	width:400px;
	float:left;
	margin-right:20px;
	border-right: 1px dotted #FFFFFF;
}
.companymain h4{
	text-align:left;
	font-size:24px;
	margin:0;
	color:#cccccc;
	font-weight:normal;
	padding:5px;
}
.company{
	height:300px;
	width:357px;
	float:left;
	background:#FFF;
	border:none;
	border-radius:10px;
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
	left:23px;
}
.company ul{ list-style:none;}
.company ul li{list-style:none;}
#company li{
	background:#f4f5f5;
	border:1px solid #c1c1c1;
	border-radius:4px;
	height:auto;
	width:333px;
	padding:4px 0px 4px 6px;
	margin:5px;
	cursor:pointer !important;
	font-size:14px;
}
.employeemain{
	min-height:365px;
	height:auto;
	width:520px;
	float:right;
}
.employeemain h4{
	text-align:left;
	font-size:24px;
	margin:0;
	color:#cccccc;
	font-weight:normal;
	padding:5px;
}
.employee{
	height:300px;
	width:500px;
	float:right;
	background:#FFF;
	border:none;
	border-radius:10px;
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
	margin-right:10px
}
.employee ul{ list-style:none;}
.employeee ul li{list-style:none;
}
.employeee{
	background:#f4f5f5;
	border:1px solid #c1c1c1;
	border-radius:4px;
	height:auto;
	width:464px;
	padding:4px 0px 4px 6px;
	margin:5px;
	list-style:none;
	font-size:16px;
	
	
}

.employee ul li span{ text-align:center;}
.categoryaction2{
	width:auto;
	height:auto;
	float:right;
	padding:2px;
}
.categoryaction2 img{
	margin:0;
}	
.categoryactiontxt{
	width:250px;
	height:auto;
	float:right;
}

.categoryactiontxt2{
	width:auto;
	height:auto;
	float:left;
	overflow:hidden;
}
.profile{
	margin:0px;
	width:655px;
	height:auto;
	background:#ffffff;
	border:1px solid #c1c1c1;
	border-radius:17px;
	min-height:285px;
}
.libcontentdown h4{
	text-align:left;
	font-size:32px;
	margin:0;
	color:#606060;
	font-weight:normal;
	padding:6px;
	text-align:center;
}
.profiledeatil{
	margin:0;
	width:310px;
	height:auto;
	min-height:285px;
	padding:5px;
	float:left;
	margin-right:10px;
	border-right: 1px solid #707070;
}
.profiledeatil ul{ list-style:none;}
.profiledeatil ul li{
	background:#f4f5f5;
	border:1px solid #c1c1c1;
	border-radius:4px;
	min-height:20px;
	width:290px;
	padding:3px 0px 3px 6px;
	margin:2px;
	list-style:none;
	font-size:16px;
}
.profiledeatil ul li a img{float:right; padding:2px}
.export{
	background:#FB913B;
	border:none;
	border-radius:25px;
	height:39px;
	width:120px;
	float:right;
	position: relative;
    right: 70px;
	bottom:180px;
}
.export p{
	font-size:24px;
	text-align:center !important;
	text-decoration:none;
	color:#666;
	color:#ffffff;
	padding:5px;
	margin:0;
	font-family: "rooney-sans",sans-serif;
}		
#leftworkarea{
    float: left;
    margin-right: 8px;
    width: 125px;
}
#rightpermission{
	float:left;
    margin-right: 8px;
    width: 125px;
}
#leftworkarea  span {
	bottom: 31px;
    color: #FFFFFF;
    font-size: 14px;
    left: 38px;
    position: relative;
}
#rightpermission span {
  	bottom: 31px;
    color: #FFFFFF;
    font-size: 14px;
    left: 28px;
    position: relative;
}

/*//////////////////    performance page selectors  //////////////////       */
.companybg{

	background:#707070 !important;

	color:#fff !important;

	cursor:pointer !important;

}
.emp{
	background:#707070 !important;

	color:#fff !important;

	cursor:pointer !important;}

/*lib and perfomance*/	

#libsearch {
    background: none repeat scroll 0 0 #707070;
    border: medium none;
    border-radius: 25px 25px 25px 25px;
    float: left;
    height: 39px;
    width: 270px;
}
.smallsearch {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 25px 25px 25px 25px;
    float: left;
    height: 33px;
    margin: 3px;
    right: 70px;
    width: 210px;
}

.smallsearch p {
    color: #666666;
    font-family: calibri;
    font-size: 19px;
    margin: 0;
    padding-left: 18px;
    padding-top: 7px;
    text-decoration: none;
}
#go{
	background: none repeat scroll 0 0 #FB913B;
    border: medium none;
    border-radius: 25px 25px 25px 25px;
    float: left;
    height: 34px;
    margin: 3px 3px 3px 14px;
    width: 35px;
}

#go p {
	color: #666666;
	font-size: 19px;
	margin: 0;
	padding: 5px;
	text-align: center;
}
.libcontents {
	background: none repeat scroll 0 0 #707070;
	border: medium none;
	border-radius: 25px 25px 25px 25px;
	float: right;
	height: auto;
	margin: 0 auto;
	min-height: 250px;
	width: 590px;
}
.libmodule {
	float: left;
	height: auto;
	min-height: 250px;
	padding-left: 12px;
	width: 291px;
}

.libmodule2 {
	float:left;
	width: 285px;
}
.libmodule2 h4 {
	color: #CCCCCC;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	text-align: left;
}

.libmodule h4 {
	color: #CCCCCC;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	text-align: left;
}



.modulelist {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	border-radius: 10px 10px 10px 10px;
	float: left;
	height: auto;
	min-height: 200px;
	width: 264px;
}
.modulelist #inner {
height: auto;
margin-top: 8px;
width: 264px;
}
.innercontent {
	margin: 0 auto;
	width: 960px;
}
#inner ul li {
	color: #666666;
	font-size: 18px;
	list-style: none outside none;
	padding: 10px;
}
.modulelist #innerp {
	height: auto;
	margin-top: 8px;
	width: 264px;
}
#innerp ul li {
	color: #666666;
	font-size: 18px;
	list-style: none outside none;
	padding-left: 10px;
	padding-bottom:6px;
}

.modulelist #innerpp {
	height: auto;
	margin-top: 8px;
	width: 264px;
}

#innerpp ul li {
	color: #666666;
	font-size: 18px;
	list-style: none outside none;
	padding-left: 10px;
}
.export1 {
	background: none repeat scroll 0 0 #FB913B;
	border: medium none;
	border-radius: 25px 25px 25px 25px;
	float: left;
	height: 39px;
	margin-left: 373px;
	width: 150px;
}
.export1 p {
	color: #666666;
	font-family: calibri;
	font-size: 22px;
	margin: 0;
	padding-top: 7px;
	text-align: center !important;
	text-decoration: none;
}

/*lib and perfomance*/

#heading {
	float:right;
	width:585px;
	margin-bottom:22px;
}
#headingtxt h1 {
	color: #666666;
	display: inline;
	font-size: 35px;
	font-weight: normal;
}
#headingtxt span {
	color:#666666;
	padding-left:10px;
	font-size: 18px;
}
.rainbow{
	float: left;
	left: 50px;
	position: relative;
	top: 18px;
}
.librightwork {
	float: right;
	height: auto;
	width: 244px;
}
#libsearchp {
	background: none repeat scroll 0 0 #707070;
	border: medium none;
	border-radius: 25px 25px 25px 25px;
	float: left;
	height: 39px;
	width: 212px;
}
#libsearchp  p{
	color: #FFFFFF;
	font-size: 22px;
	padding-top: 3px;
	padding-left:15px;
}
.smallsearchp {
	border: medium none;
	border-radius: 25px 25px 25px 25px;
	float: left;
	height: 33px;
	margin: 3px;
	right: 70px;
	width: 150px;
}

/*adminarea page pdf*/
a.btn{
padding:1px 15px;
background-color:#fb913b;
color:#fff;
border:1px solid #fb913b;
border-radius:20px;
font-size:20px;
}
.pdf{
	background: none repeat scroll 0 0 #333333;
	border: medium none;
	border-radius: 15px;
	height: auto;
	margin: 0 auto;
	padding: 44px 10px;
	width: auto;
}
.btn-pdf{
	background:#fb913b;
	background:url(../images/arrowup.png) no-repeat left #fb913b;
	border:none;
	border-radius:25px;
	height:39px;
	width:125px;
	font-family: "rooney-sans",sans-serif;
	margin: 15px 15px 15px 0px;
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	text-align:center;
}
.btn-pdf p{
	padding:11px;
	font-size:18px;
	text-align:center;
}
.uparrow{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7.5px 12px 7.5px;
	border-color: transparent transparent #ffffff transparent;
	margin-left: 11px;
	margin-top: 9px;
}

/*//////////////////    start footer  //////////////////       */


#footer {
	background-color: #504f4f;
	min-height: 150px;
	width: 100%;
}
.innerfooter{
	margin:0 auto;
	padding:0px;
	width:960px;
	padding-bottom:20px;
}
.innerfooter span{
	color:#ffffff;
}
.left ul {
	padding-top:10px;
	padding-left:2px;
}
.left ul li{
	list-style:none;
	font-size:18px;
	color:#ffffff;
}
.left ul li span{
	color:#707070;
	padding-left:30px;
}
.right ul li{
	list-style:none;
}
.left{
	float:left;
	width:320px;
	margin-left:0px;
}
.left .text{
font-size:20px;
}
.right{
	display:inline-block;
	width:313px;
	float:right;
}
.right ul {
	padding-top:33px;
	float:right;
}
.right ul li{
	list-style:none;
	font-size:18px;
	color:#ffffff;
	float:right;
	padding-right: 8px;
	margin-bottom: 16px;
}
.right ul li span{
	color:#707070;
}
.footerarrow{
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #504F4F;
	border-style: solid;
	border-width: 0 35.5px 39px;
	bottom: 39px;
	height: 0;
	left: 47%;
	position: relative;
	width: 0;
}
.footerlogo {
  color: #B4B4B4;
  font-size: 12px;
  margin-bottom: 4em;
  margin-top: 4em;
  text-align: center;
}

/*//////////////////    end footer  //////////////////       */

.userdoc{
	display: inline-block;
	width: 600px;
	margin-left:25px;
}
.userdoc h1{
	color: #666666;
	font-size: 35px;
	font-weight: normal;
	padding-bottom: 20px;
	padding-left: 8px;
}
.userdoc ul{
	float: left;
	width: 300px;
}
.userdoc ul.righttxt{
}
.userdoc ul li{
	color: #666666;
	display: inline-block;
	font-size: 16px;
	list-style: none outside none;
	padding: 6px;
	width: 285px;
}

.nevigation_area{
	height:auto; 
	width:330px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:10px;
}
#navcontainer{
	margin-top:14px;
}
#navcontainer ul
{
  /*  margin: 0;
    padding: 0;*/
    list-style-type: none;
    text-align: center;
}

#navcontainer ul li {
	display: inline; 
}

#navcontainer ul li a
{
    text-decoration: none;
    padding: .2em 0.8em;
	font-size:18px;
    color: #fff;
    background-color: #FA913A;
}

#navcontainer ul li a.active
{
    background-color: #CC762F;
}

#navcontainer ul li a:hover
{
    color: #fff;
    background-color: #CC762F;
}

ul.itembox li a{
border:1px solid #fff;
border-radius:15px;
}

ul.itembox li a.add{
background-color:#29abe1 !important;
}
ul.itembox li a.del{
background-color:#d04400 !important;
}

ul#modulesid li:nth-child(even){
background-color:#eee;}

ul#itemid li:nth-child(even){
background-color:#eee;}


.bux{
	display: none;
	position: fixed;
    top: 50%;
    left: 50%;
	width: 1100px;
	height:350px;
	margin-top: -300px;
    margin-left: -550px;

	border: none;
	background-color: #09142b;
	z-index:101;
	overflow: auto;
	border-radius:10px;	
	
}

.sbux
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
	
}
.sbuxleft{
width:7%;
height:100%;
float:left;
background-color:#39b549;
position:relative;

}
.sbuxleft p{
text-align:center;
font-size:32px;
color:#fff;
transform: rotate(270deg);
transform-origin: left top;
float:left;
height:150px;
width:300px;
margin-left:10px;
position:absolute;
bottom:0;
left:0;
}
.sbuxright{
width:93%;
height:100%;
float:left;
text-align:center;
position:relative;
background: transparent url(../images/lboxbg.png) no-repeat right bottom;
}
.sbuxright h1, .sbuxright p, .bux p{
color:#fff; margin-top:38px; text-align:center;font-weight: 400;}
.sbuxright p, .bux p{ font-size:22px;}
.cross{
position:absolute;
right:15px;
top:15px;}

form.styled .formbox .field.big:not(.nomargin) + div .ico-question, form.styled .formbox .field.big:not(.nomargin) + div .modtooltip {
  margin-top: -4px;
}
form.styled .formbox .field:not(.nomargin) .field.big:not(:nth-of-type(2)) .ico-question, form.styled .formbox .field:not(.nomargin) .field.big:not(:nth-of-type(2)) .modtooltip {
  margin-top: 18px;
}
form.styled .formbox .field:not(.nomargin) input[name*="address"] ~ .ico-question, form.styled .formbox .field:not(.nomargin) input[name*="address"] ~ .modtooltip {
  margin-top: -5px;
}
form.styled .formbox .field.big:not(.nomargin) .ico-question, form.styled .formbox .field.big:not(.nomargin) .modtooltip {
  margin-top: 0px !important;
}



/*========General==========*/
img{border:none;max-width:100%; box-sizing:border-box;}
img.auto{max-width:none;}
a,a:hover{text-decoration:none;outline:none;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.clear{clear:both;height:1px;}
.overflowhide{overflow:hidden;}
.hide{display:none;}
.container{position:relative;width:1280px;margin:0 auto;}
#wrap{overflow-x:hidden;}
.block[class]{display:block;}
.inline[class]{display:inline;}
.table[class]{display:table!important;}
.centered[class]{margin-left:auto;margin-right:auto;float:none;}
.text-center{text-align:center;}
.text-left{text-align:start;}
.text-right{text-align:right;}
.light{font-weight:200;}
.normal{font-weight:400;}
.bold{font-weight:700;}
a.wrap:before{width:100%;height:100%;background-color:transparent;content:"";left:0;top:0;position:absolute;}
.flexbox{display: -webkit-box;display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex; display: flex; }
.vmiddle{left:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.rel{position:relative;}
.abs{position:absolute;}
.static{position:static;}
.uppercase{text-transform:uppercase;}
.underline{text-decoration:underline;}
p{line-height:25px;font-size:16px;}
/*========Spaces==========*/
.space5{padding-top:5em;}
.space4{padding-top:4em;}
.space3{padding-top:3em;}
.space2{padding-top:2em;}
.space1{padding-top:1em;}
.space05{padding-top:.5em;}
/*========Blocks==========*/
.block1{width:8.33333%;}
.block2{width:16.667%;}
.block3{width:25%;}
.block4{width:33.333%;}
.block5{width:41.667%;}
.block55{width:48.8%;}
.block6{width:50%;}
.block7{width:58.334%;}
.block8{width:66.667%;}
.block9{width:75%;}
.block10{width:83.334%;}
.block11{width:91.669%;}
.block12{width:100%;}
[class*=block]:nth-of-type(n+2).gutter {padding-left:2em;}
/*========Font Sizes==========*/
.f12[class]{font-size:12px;}
.f14[class]{font-size:14px;}
.f15[class]{font-size:15px;}
.f16[class]{font-size:16px;}
.f17[class]{font-size:17px;}
.f18[class]{font-size:18px;}
.f19[class]{font-size:19px;}
.f20[class]{font-size:20px;}
.f21[class]{font-size:21px;}
.f22[class]{font-size:22px;}
.f23[class]{font-size:23px;}
.f24[class]{font-size:24px;}
.f25[class]{font-size:25px;}
.f26[class]{font-size:26px;}
.f27[class]{font-size:27px;}
.f28[class]{font-size:28px;}
.f29[class]{font-size:29px;}
.f30[class]{font-size:30px;}
.f31[class]{font-size:31px;}
.f32[class]{font-size:32px;}
.f33[class]{font-size:33px;}
.f34[class]{font-size:34px;}
.f35[class]{font-size:35px;}
.f36[class]{font-size:36px;}
.f40[class]{font-size:40px;}
.f50[class]{font-size:50px;}
.f80[class]{font-size:80px;}
.f90[class]{font-size:90px;}
.f135[class]{font-size:135px;}
.f115[class]{font-size:115px;}
/*========Body==========*/
.flex-middle {align-items:center; justify-content:space-between;}
.mt0 {margin-top:0px !important;}
.tmp_form_message {
  color: #d04400;
  margin-top: 5px;
  position: absolute;
  right: 54px;
}