/* Webnac main CSS file */
/* Global elements */
h3{ margin-top:20px; }
#inside{ margin-right: 0; padding-left: 10px;}
#win_welco ul {list-style-type: disc;}
#win_welco ul ul {list-style-type: circle;}
#container{ margin: 0; }
.google-button{ height: auto;}

html, body {
	margin: 0px;
	padding: 0px;
}
.cleaner {
	clear: both;
}

form {
	margin: 0px;
	padding: 0px;
}

ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a, a:link, a:visited, a:active, a:hover {
	color: #036;
}

/* Tooltip elements */
#ToolTipContainer {
	float:left;
	position:absolute;
	left: 60%;
	width: 300px;
	height: 190px;
	color:#990033;
	background-color:#b2d9ff;
	border: 1px solid #990000;
	padding: 6px;
	z-index:999;
	visibility:hidden;
	display: none;
}

#ToolTipText {
	vertical-align:top;
	text-align:left;
	overflow:auto;
	background-color:#fff;
	height:160px;
	overflow:auto;
	padding: 4px;
}
#ToolTipText h3 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 2px;

}
#ToolTipTd {
	background-color:#fff;
	border: 1px solid #000099;
	overflow:auto;
}
#ToolTipAction {
	height: 18px;
	text-align:right;
	padding-right: 4px;
	padding-bottom: 4px;
}
.tt_old {
	color:#f30;
}
.tt_new {
	color:#369;
}


._block {
	display: block;
}
.centered {
	text-align: center;
}

.float_cleaner {
	clear:both;
	visibility:hidden;
	display:none;
}

.debug {
	margin: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 8pt;
	background-color:#FFFFCC;
}

/* Auth reminder */
#auth_remind {
	margin-top: 20px;
}

/* Error framing*/
#Err_message_container {
	width: 90%;
	margin: 10px;
	padding: 2px 2px 10px;
	background-color:#FF6600;
	background-image: url(../images/orange_drop.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}

#Err_message_holder {
	height: 98%;
	padding: 2px 20px 60px;
	margin: 2px;
	background-color:#fff;
	color: #CC0000;
	font-weight:bold;
	border: 1px solid #FF0000;
	background-image: url(../images/warning_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#Err_message_holder h1 {
	font-size:16pt;
	font-family:"Courier New", Courier, mono;
	font-variant:small-caps;
	color:#CC0000;
}

/* Cascaded styles  */
._error_msg {
	font-weight: bold;
	color: #CC3300;
	background-color: #FFFF99;
	margin: 4px;
	padding: 14px;
	text-align:center;
	border: 1px solid #CC0000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;	
}
._success_msg {
	font-weight: bold;
	color: #000066;
	background-color: #8cc63e;
	margin: 4px;
	padding: 14px;
	text-align:center;
	border: 1px solid #CC0000;
}

#accnt_cancel {
	padding: 10px;
	margin: 25px;
	border: 2px dashed #FF3333;
	background: #FFFFCC;
}

#adminview
{
	position:absolute;
	top: 15px;
	left:5px;
	height: 45px;
	width: 380px;
	background-color:#FF6600;
	color:#FFFFFF;
	padding: 4px;
	border: 2px solid #FFFF66;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;		
}

#CounterContent
{
	font-size: 11pt;
	text-align:center;
	padding: 12px;
	background: url(../images/trans_clock.png) no-repeat -150px top;
}

/*** NEW STYLES NEEDED BECAUSE BOOTSTRAP IS NOT WORKING !!! **/
.nav{
	margin:0!important;
	padding:0;
	border-bottom: 7px solid #0c4ca3;
	overflow:hidden;
}
.nav-tabs{
}

.nav li{
	float:left;
	margin:0 20px 0 0!important;

	
}
.nav li a{
	display:block;
	font-weight: bold;
	height: 27px;
	padding: 5px 0 0 10px;
	text-decoration: none;
	width: 193px;
	background: url(../images/folder_off.gif) no-repeat left top;
}
.nav li.active a,
.nav li a:hover{
	color: #FFF; background: url(../images/folderblue-on.gif) no-repeat left top;
}
.tab-content{
	padding:10px 0;
}
.alert {
	padding:20px;
	margin-bottom:10px;
	border:1px solid;
}

.alert p:last-of-type{
	padding-bottom:0;
}

.alert-info,
#inside .alert-info{
	border-color: #bbb;	
	background: #d1d2d4;	
	color: #333;
}

.alert-success,
#inside .alert-success{
	border-color: #c6e9c6;
	background: #dff0d8;	
	color: #3c763d;
}
.alert-error,
#inside p.alert-error{
	border-color: #990000;	
	background: #ffb3b3;
	color: #990000;
}

.skill-depth-0 {
}
.skill-title-0{
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
.skill-depth-1,
.skills-block{
	border-top: 1px solid #ccc;
	margin:0;
	padding:20px 0;
	overflow: hidden;
	clear:both;
}
.skill-title-1{
	float:left;
	width: 30%;
}
.skill-children-1{
	float: left;
	width: 65%;
	margin-left:5%;
}
.skill-depth-2{
	margin-bottom:5px;
}
.skill-depth-2 label{
	display:inline;
	width:auto;
	float:none;
	text-align:left;
}

.form-group{
	overflow:hidden;
	margin-bottom:10px;
}	
.form-group label{
	width:16%;
}

.form-group .column-right{
	float:right;
	width:82%;
}
.btn{
	border: 1px solid;
	padding:5px 10px;
	cursor: pointer;	
}
.btn-lineheight{
	padding:7px 0px;
}
.btn-default{
	border: 1px solid #bbb;
	background-color: #d1d2d4;
}
.btn-primary{
	border: 1px solid #3079ed;
	background-color: #2e5bac;
	color: #fff;
}
.btn-group{
	overflow:hidden;
}
.btn-group .btn{
	float:left;
}
.offset-right-column{
	margin-left:35%;
}