/* ================================
	Design Portfolio
	Copyright 2013 DP
	Author - Terry O'Leary (terry.oleary@design-portfolio.co.uk)
	Date - September 2013
	Written for - www.client.com
	
	Swatch colors
	=============
	#123456 - red
	#789123 - blue
	#333333 - dark gray
	
	Contents
	========
	1. Fonts
	2. Base styles
	
===================================*/

/*=================================
=== 1. Non-responsive overides  ===
===    Leave this in for fixed  ===
===    websites only.           ===
===================================*/
.container {max-width:none !important;width:960px}
.container .navbar-header,.container .navbar-collapse {margin-right:0;margin-left:0}
.navbar-header {float:left}
.navbar-collapse {display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}
.navbar-toggle {display:none}
.navbar-brand {margin-left:-15px}
.navbar-nav {float:left;margin:0}
.navbar-nav >li {float: left}
.navbar-nav.navbar-right {float:right}


/*=================================
=== 2. IE7 width overides       ===
===    Fixes general layout     ===
===    for fixed width sites.   ===
===================================*/
.ie7 .container{width:930px}
.ie7 .row{overflow:hidden}
.ie7 .col-xs-1{width:80px}
.ie7 .col-xs-2{width:130px}
.ie7 .col-xs-3{width:210px}
.ie7 .col-xs-4{width:290px}
.ie7 .col-xs-5{width:370px}
.ie7 .col-xs-6{width:450px}
.ie7 .col-xs-7{width:530px}
.ie7 .col-xs-8{width:610px}
.ie7 .col-xs-9{width:690px}
.ie7 .col-xs-10{width:770px}
.ie7 .col-xs-11{width:850px}
.ie7 .col-xs-12{width:930px}


/*=================================
=== 3. Main styles.  			===
===================================*/
body{
	overflow-y:scroll;
}
h1{
	margin-top:30px;
}
h1+h3{
	margin-bottom:30px;
	margin-top:0;
}
.container{
	margin-top:100px;
}
.radio{
	margin-top:0;
}
.radio>input[type="radio"]{
	margin-top:11px;
}
.modal{
	overflow-y:auto;
}
.has-feedback {
	position:relative;
}
.has-feedback .form-control-feedback {
	color:#a94442;
	display:block;
	height: 34px;
	line-height:34px;
	position:absolute;
	right:0;
	text-align:center;
	top:30px;
	width:34px;
}
select+.form-control-feedback{
	right:15px!important;
	width:15px!important;
}

/*=================================
=== 4. Choose event/task  		===
===================================*/
.choose-event>div>div {
	background:#efefef;
	border-radius:15px;
	height:130px;
	padding:15px;
	text-align:center;
}
.choose-task>div{
	background:#efefef;
	border-radius:15px;
	height:115px;
	float:left;
	margin-left:20px;
	padding:15px;
	text-align:center;
	width:170px;
}
.choose-task>div:first-child{
	margin-left:0;
}
.choose-task{
	margin-bottom:30px;
	overflow:hidden;
}
.choose-task .col-xs-3>div, .choose-task>div>a{
	width:100%;
}
.choose-task>div>a{
	display:table-cell;
	height:85px;
	font-size:16px;
	vertical-align:middle;
	width:260px;
}
a[class="disabled"]{
	color:#aaa;
}
a[class="disabled"]:hover{
	cursor:default;
	text-decoration:none;
}
/*=================================
=== 5. add 						===
===================================*/
.add .row{
	margin-bottom:30px;
}
h4.modal-title{
	padding-top:0;
}


/*=================================
=== 6. manage					===
===================================*/
.manage>table{
	margin-bottom:30px;
	width:940px;
}
.manage span{
	cursor:pointer;
	display:block;
	height:34px;
	line-height:34px;
	width:100%;
}
.manage img{
	margin-right:10px;
}
.manage .hidden_bit{
	display:none;
	margin-left:-8px;
	margin-right:-8px;
	width:940px;
}
.manage .hidden_bit table{
	margin-top:10px;
	width:100%;
}


/*=================================
=== 7. client    				===
===================================*/
.circle,.circle>div{
	border:1px solid #000;
	border-radius:50%;
}
.circle{
	height:250px;
	margin:137px auto;
	position:relative;
	width:250px;
	z-index:10;
}
.circle>div{
	cursor:pointer;
	font-weight:bold;
	height:30px;
	left:125px;
	line-height:28px;
	position:absolute;
	text-align:center;
	top:125px;
	width:30px;
}
.circle>span{
	display:block;
	left:125px;
	position:absolute;
	text-align:center;
	top:125px;
	width:100px;
}
.circle>div.green{
	background:#DFF0D8;
	color:#3c763d;
}
.circle>div.green:hover{
	background:#A6E98B;
}
.circle>div.brown{
	background:#FCF8E3;
	color:#8a6d3b;
}
.circle>div.brown:hover{
	background:#DFD9BB;
}

.circle h4{
	margin-top:-20px;
	text-align:center;
}
.circle p{
	text-align:center;
}

.table{margin-bottom:0}form{margin-bottom:0}input[type="text"]{width:100%}label{margin-top:6px}.person{display:none;background:#f0f0f0;padding:15px;border:1px solid #ccc}.person.active{display:block}h4{margin-top:0}h1{margin-bottom:30px}h4{margin-top:-100px;padding-top:100px}textarea{resize:none}.alert-success{margin-bottom:0!important;float:left!important;padding:6px 12px!important;display:none}

thead th{
	border-width:0!important;
}
thead tr:last-child th{
	border-bottom-width:2px!important;
}