/* background-colors */

/*
body {background-color: gray}

#mycontainer {background-color: blue}

#myheader {background-color: lime;}

#mynavbar {background-color: fuchsia}

#mymaincontent {background-color: lime}

#mynestedcontent1 {background-color: white;}

#mynestedcontent2 {background-color: white;}

ul, h1 {background-color: white;}
*/


/* margins override */
#myheader, #mycontainer, fieldset {margin-bottom: 0; margin-top: 0;}

/* fieldset design */
fieldset{
	border-top-width: 1px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	padding-top: 25px;
	padding-bottom: 60px;
}

fieldset legend {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

/* table design */
table {
	width:100%;
/* 	border: 1px solid #000; */
	text-align: left;
}

table td {
	border: 1px solid #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* CV-list design */
.cv li{
	margin: 0;
	display: inline;
}

/* code design */
code {
	font-family: monaco, courier, monospace;
	font-size: 12px;

}

p code {
    font-family: monaco, courier, monospace;
    background-color: #F9F9F8;
    border: 3px solid #eee;
    font-size: 12px;
    padding: 2px 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* navbar design */
#mynavbar ul {
	margin-top: 10px;
}

#mynavbar ul li {
	list-style: none;
	font-size: 28px;
	line-height: normal;
  font-family: 'Open Sans';
/* 	letter-spacing: 1px; */
/* 	text-align: right; */
}

#mynavbar ul li a {
  border-bottom: none;
  color: silver;
}

#myheader a {
  border-bottom: none;
  font-size: 28px;
  color: silver;
}

#myheader a:hover {
	color: blue;
}

#mynavbar ul li a:hover {
	color: blue;
}

.noborderundera a {
  border-bottom: 1px dotted;
}

.noborderundera a:hover {
  border-bottom: 1px solid;
}

/* div margins override */
.nomar{
	margin-top: 0;
}

/* first item margin*/
.firstitem{
	margin-top: 25px;
}

/* background color
body{
  background-color: #EEE
} */

table {
  /*background-color: #EEE;*/
  border-collapse: collapse;
  margin-bottom: 10px;
  text-align: left;
}

.left {
    padding: 3px 5px 1px;
    background-color: #AAA;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.right {
    color: Blue;
    font-size: 18px;
    text-align: right;
    vertical-align: middle;
    width: 120px;
}

.date {
    color: #bb3f22;
    margin-right: 10px;
    font-family: monospace;
}

.date {
    color: #bb3f22;
    margin-right: 10px;
    font-family: monospace;
}

.rates {
    color: blue;
}

.award {
    color: red;
}

.left a{
  border-bottom: none;
}

.nextleft {
    padding: 3px 5px 1px;
    background-color: #D8D8D8;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.nextleft a{
  border-bottom: none;
}

.title{
  font-weight: bold;
}

.title-content{
  font-size: 11px;
}

.timeline{
  font-size: 12px;
}

.avatar {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 50%;
    border:2px solid gray;
}

.label {
  display: inline-block;
  padding: .6em .6em .6em;
  font-size: 65%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label-default {
  background-color: #777777;
}

.label-primary {
  background-color: #337ab7;
}

.label-success {
  background-color: #5cb85c;
}

.label-info {
  background-color: #5bc0de;
}

.label-warning {
  background-color: #f0ad4e;
  margin-top:1px;
}

.label-danger {
  background-color: #d9534f;
  margin-top:1px;
}
