* {
	font-family: 'Open Sans', sans-serif;
}



.frontpage {
	font-size: 14px;
}

.frontpage li {
	line-height: 28px;
	color: #444;
}

.tablemain {
	border-radius: 4px;
	padding: 2px 5px 5px 5px;
	width: auto;
	float: left;
	z-index: 10;
	min-width: 260px;
}

.tablecontent{
	border-radius: 3px;
}

.column {
	padding: 4px;
	height: 25px;
	line-height: 25px;
	font-family: 'Arial', sans-serif;
	min-width: 150px;
	clear: both;
	overflow: inherit;
	cursor: n-resize;
}

.columncontrols{
	float: right;
	margin-left: 10px;
	text-align: right;
}


.tabletitle{
	font-size: 18px;
	font-weight: bold;
	margin: 6px 0;
	line-height: 22px;
	padding: 0px 5px 0 0;
	cursor: move;
}

#logo{
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-size: 36px;
	color: #FA503A;
	padding-left: 25px;
	padding-bottom: 35px;
	z-index: 1;
	background-color: white;
	width: 96%;
	padding-top: 15px;
}

#reg{
	font-size: 12px;
}

optgroup{
	font-weight: bolder;
}

table {
	text-align: center;
}

th {
	padding: 5px;
}

ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

.column-new {
	cursor: auto;
}

.input-large {
	height: 36px !important;
	line-height: 36px !important;
	font-size: 18px !important;
	width: 360px;
}

.btn-extra {
	height: 46px !important;
	font-weight: bolder;
}

.help-top{
	text-align: right;
	font-size: 10px;
}

.dragHover {
	border: 2px solid #999;
}

#main-menu .nav-bar { 
	list-style:none; 
	padding-top: 10px; 
	padding-bottom: 0px;  
	text-align: center; 
	border-bottom: 1px solid #c8c8c8;
	background-color: #eeeeee;
}

#main-menu .nav-bar li { display:inline-block; padding:0 15px; height: 35px;}

#main-menu .nav-bar li a {
  	text-decoration: none;
  	padding-left: 32px;
  	text-transform: uppercase;
  	color: #000;
	font-size: 16px;
	line-height: 24px;
 	height: 24px;
}

#main-menu .nav-bar li a:hover {
	color: #666;
}

.relationship_content{
	width: 460px;
	float: left;
}

.remove_table_borders th, .remove_table_borders td {
	border-top: none;
}

.modal {
	top: 5%;
}

.modal-body-overflow {
	overflow: hidden;
}

.label {
	background-color: #637b94;
	font-size: 11px;
	z-index: 11;
}

.label_belongs {
	background-color: #a08870;
	font-size: 11px;
}

.comment {
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.comment-author {
	font-size: 11px;
	color: #8CBAD1;
	font-weight: bold;
}

.comment-owner{
	font-size: 11px;
	color: #FBC77C;
	font-weight: bold;
}

.comment-delete {
	color: red;
}

.modal-header {
	cursor: move;
}

.nav-bar .nav-button-home a { background:url("../img/home.png") no-repeat 0px transparent; }
.nav-bar .nav-button-database a { background:url("../img/database.png") no-repeat 0px transparent; }
.nav-bar .nav-button-table a { background:url("../img/table.png") no-repeat 0px transparent; }
.nav-bar .nav-button-share a { background:url("../img/share.png") no-repeat 0px transparent; }
.nav-bar .nav-button-export a { background:url("../img/export.png") no-repeat 0px transparent; }
.nav-bar .nav-button-template a { background:url("../img/template.png") no-repeat 0px transparent; }
.nav-bar .nav-button-bug a { background:url("../img/bug.png") no-repeat 0px transparent; }
.nav-bar .nav-button-help a { background:url("../img/help.png") no-repeat 0px  transparent; }
.nav-bar .nav-button-favorite a { background:url("../img/favorite.png") no-repeat 0px transparent; }
.nav-bar .nav-button-fork a { background:url("../img/fork.png") no-repeat 0px transparent; }
.nav-bar .nav-button-claim a { background:url("../img/flag.png") no-repeat 0px transparent; }
.nav-bar .nav-button-comment a { background:url("../img/comment.png") no-repeat 0px transparent; }

/* Submenu */
#main-menu .nav-bar ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	width:168px;
	padding: 0px;
	z-index: 12;
}
#main-menu .nav-bar li:hover { position:relative;}
#main-menu .nav-bar li:hover ul {
	left: -8px;
	top: 35px;
	padding:0px;	
}

#main-menu  .nav-bar li:hover ul li {
	padding: 10px 0 0 0;
	margin: 0px;
	background: #EEEEEE;
	border-bottom: 1px solid #C8C8C8;
}

#main-menu  .nav-bar li:hover ul li a {
	padding: 0px;
	margin: 0px;
	width:168px;
	background: #EEEEEE;
	display: inline-block;
}


.tablecolor1{ background-color: #5599BB; border: 1px solid #38708c; }
.tablecontentcolor1{ background-color: #8cbad1; border: 1px solid #38708c; }
.columncolor1:hover{ background-color: #c3dbe7; }

.tablecolor2{ background-color: #56ad56; border: 1px solid #3c7b3c; }
.tablecontentcolor2{ background-color: #89c689; border: 1px solid #3c7b3c; }
.columncolor2:hover{ background-color: #bddfbd; }

.tablecolor3{ background-color: #f9a732; border: 1px solid #d88206; }
.tablecontentcolor3{ background-color: #fbc77c; border: 1px solid #d88206; }
.columncolor3:hover{ background-color: #fde7c6; }

.tablecolor4{ background-color: #bd362f; border: 1px solid #802420; }
.tablecontentcolor4{ background-color: #d86761; border: 1px solid #802420; }
.columncolor4:hover{ background-color: #e7a29e; }

.tablecolor5{ background-color: #ac725e; border: 1px solid #7d5040; }
.tablecontentcolor5{ background-color: #c69e90; border: 1px solid #7d5040; }
.columncolor5:hover{ background-color: #e0cac3; }

.tablecolor6{ background-color: #9a66cd; border: 1px solid #7339ac; }
.tablecontentcolor6{ background-color: #c0a0e0; border: 1px solid #7339ac; }
.columncolor6:hover{ background-color: #e6daf3; }

.tablecolor7{ background-color: #96a4a5; border: 1px solid #6e7f80; }
.tablecontentcolor7{ background-color: #bfc8c8; border: 1px solid #6e7f80; }
.columncolor7:hover{ background-color: #e8ebeb; }

.tablecolor8{ background-color: #c2b280; border: 1px solid #a69150; }
.tablecontentcolor8{ background-color: #dbd1b4; border: 1px solid #a69150; }
.columncolor8:hover{ background-color: #f4f1e8; }