/*
Fonts
*/

@font-face
{
font-family:Bauhaus93;
src:url("../assets/fonts/font.ttf");
}



/*Once CSS Variables are compatible across multiple browsers, shift to that implementation*/

html, body 
{
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Calibri;
}

body 
{
background:transparent url("../assets/images/bg_patternColor.gif") top left;
background-color:white; /*#f2fafa;*/

}

a {
color:white;
text-decoration:none;
}

a:hover {
color:black;
}

/*homepage*/
header 
{
overflow:hidden;
position:relative;
height:100px;
z-index:1011;
padding-left:10px;
padding-bottom:20px;
background-color:#0096ef;

/*#99ee95;/* #007cff; */
color:white;
opacity:0.8;
border:0;

border-bottom:1px solid #00bfff;
text-align:left;
font-family:Bauhaus93, Garamond;
font-size:80px;
z-index:2;
}

header #login_center, header #user_center
{

position:absolute;
right:0;
top:20px;
float:right;
margin-right:20px;
font-size:20px;
margin-top:-5px;
font-family:Garamond;
background-color:#00000f;
border-radius:8px;

border:1px solid #00bfff;/*#009977;*/
opacity:0.8;
}

header #user_center {
text-align:center;
padding:5px;
padding-top:1px;
margin-top:-2px;
background-color:#00000f; /*#008877;*/
border:1px solid #00bfff	;
opacity:0.9;
}
header #user_center a:hover{


color:#00ff00;
}
header #user_center table th {
color:#ffff00;
}


#header_menu
{
position:relative;
min-height:30px;
line-height:40px;
background-color: #006baf; /*#000;   /*#56b151;  /*#0088cc*; /**/
opacity:1;
padding:0px;
padding-left:2px;
padding-top:0px;
padding-right:0px;
padding-bottom:2px;
z-index:2;
border-bottom:1px solid #00bfff;
}

#header_menu a {
font-family:Garamond,Arial;
color:white;
text-decoration:none;
font-style:bold;
font-size:22px;
border:0px solid #356060;
/*background-color:#99ff95;*/
border-bottom:2px solid #232323;
opacity:1;
padding:5px;
padding-top:0;
border-top:0;
margin-right:2.5%;
}
#header_menu a:hover {
color:#00ff00;
font-style:regular;
border-top:0;
border:0px solid #000;
opacity:0.9;

}

/*End header and header related elements*/





/*-----SIDEBAR-----*/

#sidebar {
position:relative;
width:17%;
background-color:#00000f;
opacity:0.96;

float:left;
display:inline-block;
margin-right:10px;
z-index:3;
display:none;

}


#front_elements /* this box encompasses the frontpage elements of investors and innovators: innovator,investor, and info box*/
{
padding:10px;
padding-top:0;
padding-bottom:0;
text-align:center;
height:380px;
position:relative;
}

#front_elements h1
{

font-size:30px;
}

#innovator_box {
float:left;
}
#investor_box {
float:right;
}

#innovator_box,#investor_box {
display:block;
}

.info_box {
display:inline;
width:45%;
height:300px;
padding:0px;

background:transparent url("../assets/images/bg_patternInfoBoxOverlay.gif") top left;
background-color: #a0bed5; /*#a0bebe;*/
position:relative;
border-radius:10px;
border:1px solid #a0aabe;
border-top:0;

}

/*panels*/

.panel {
padding:0px;
overflow:auto;
position:relative;
background-color:#aeaeae;
opacity:0.68;
color:black;
font-family:Calibri;
min-height:17%;
font-size:20px;
margin-top:10px;
border: 0px solid white;
border-left:0;
border-right:0;
padding-top:0;
z-index:3;
}

.panel_content {
padding-left:15px;
}

.panel_title_text {
display:inline-block;
width:100%;
text-align:center;
font-family:Bauhaus93;
font-size:30px;
background-color:white;
border-radius:5px;
background-color:#7e7e7e;
}

#panel_front_register /*registration panel, unique to front page*/ {
display:block;
opacity:0.70;
text-align:center;
}
#panel_front_register table /*registration panel login form table, unique to front page*/ {
margin:0 auto;

}
#panel_front_register table td /*registration panel, unique to front page*/ {
color:white;
background-color:#6e6e6e;
border-radius:5px;
padding-bottom:5px;
}

/*end full width panels*/



/*footer*/

footer {
position:absolute;
background-color: #fafafa; /*#00509f;*/


bottom:10;
z-index:0;
left:0;
right:0;
padding:0px;
font-size:15px;
color:white;
margin-top:10px;
opacity:0.95;
height:100px;
overflow:hidden;
border-top:1px solid #9a9a9a;
}

/*end footer*/


/*Ribbon?*/
.ribbon_banner {
text-align:center;
background-color:#356080;
height:50px;
color:white;
font-size:23px;
width:100%;
font-family:Bauhaus93, Garamond;
cursor:pointer;

}

/*inputs*/
input {
border-radius:5px;
border:0;
background-color:white;
height:20px;
font-weight:bold;
}

.inverted_input {
border-radius:5px;
border:0;
background-color:#dedede;
border:1px solid #c3c3c3;
color:black;
height:20px;
font-weight:bold;
}


/*message classes*/

.error, .warning {
color:#ee0000;
font-family:Garamond, Calibri, Arial;
}

.success {
color:#00ce00;
}

.success-dark {   /* -name convention is for alternate skins of a particular class*/
color:#008f00;
}



/*extra useful classes*/
.right {
float:right;
}

.left {
float:left;
}




.no_select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


/*tooltip*/
tooltip {
    left:50%;display: inline-block;
    width: 5em;
  }


/*hr*/
hr {
height:1px;
border:0;
background-color:#cecece;
width:85%;
opacity:0.5;
}

/*h1,h2..etc*/


h2 {
text-align:center;
padding:0;
font-size:20px;
border:0px solid black;
font-family:Garamond;
}