body{
    font-family: "Helvetica Neue",Helvetica,Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 400;
	background: url("../images/interface/BGBlackNoise.png") repeat scroll 0 0 black;
}

/*Headers*/
h1{
	position:relative;
	font-size:25px;
	color:#222;
	text-transform:uppercase;
	font-weight:500;
}
	.textshadow h1{
		/*CSS3 TextSahdow*/
		text-shadow: 0px 1px 1px #555;
	}
	.no-textshadow h1{
		
	}
h2{
	color: #888888;
    float: left;
    padding: 31px 0 0 24px;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-size: 3em;
    margin-bottom: 0.5em;
	font-weight: normal;
	line-height:1;
}
h3{
	position:relative;
	font-size: 20px;
	line-height: 11px;
	color: #4183C4;
	border-bottom:1px solid #DDD;
	margin-bottom:15px;
}
	.text-shadow h2, .text-shadow h3{
		/*CSS3 TextSahdow*/
		text-shadow: 1px 1px 0 white;
	}
.content h3{
	line-height:normal;
}
h4{
	
}
h5{
	font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}
header h5{
	 left: 26px;
    position: absolute;
    top: 15px;
}
header h5.tertiary{
	top:63px;
	margin:0;
}
h5 a{
	color:#888;
}
h5 a:hover{
	color: #4183C4;
}
/*Misc*/
hr{
	background:transparent;
	border-top:1px solid black;
	border-bottom:1px solid grey;
	border-left:none;
	border-right:none;
}
span.data{
	display:none;!IMPORTANT
	color:red;
}
span.par{
	position:absolute;
	right:0;
	bottom:-12px;
	font-size:12px;
	color:white;
	font-weight:300;
}
	span.par span{
		font-size:8px;
	}
span.good{
	color:#A6C169;!IMPORTANT
}
span.normal{
	color:#F1D031;!IMPORTANT
}
span.medium{
	color:#C96F19;!IMPORTANT
}
span.bad{
	color:#c10606;!IMPORTANT
}
span.notification{
	display:none;
	color:#e43432;
}
.notification span.notification{
	display:inline;
}
p.info{
	font-size:10px;
	color:grey;
}
.telDelegate{
	
}
div.clear{
	clear:both;
}
br.clear{
	clear:both;
}
div#overlay{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url('../images/interface/BGOverlay.png') transparent 0 0 repeat;
	opacity:.45;
	z-index:5000;
}
.arrow.up{
	position:absolute;
	right: 15px;
	top: 9px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #444;
}
.arrow.down{
	position:absolute;
	right: 15px;
	top: 9px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #444;
}
.arrow.right{
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid white;
	margin-top:4px;
}
input[type="text"].error{
	border:1px solid red;
}
.section-separator {
    background-color: #F4F9FC;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px 0;
    clear: both;
    color: #888888;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 20px auto;
    padding: 11px 27px;
    width: 866px;
}
span.tooler{
	cursor:help;
	text-decoration:underline;
}
#tooltip{
	display:none;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	-moz-box-shadow: 0px 3px 6px #1a1a1a;
	-webkit-box-shadow: 0px 3px 6px #1a1a1a;
	box-shadow: 0px 3px 6px #1a1a1a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
.iphoneCheck{
	width:100px;
}
.removeDomaine, .removeHebergement, .cancel{
	position:relative;
	top:-50px;
}
a.cancel{
	display:none;
}
div.domaine.copied{
	display:none;
}
div.domaine.copied a.cancel{
	display:block;
}
div.domaine.copied a.removeDomaine{
	display:none;
}
.icon{
	float:left;
	width:33px;
	height:33px;
}
.icon[title="Infos"]{
	background:url('../images/interface/icon-info.png') transparent 0 0 no-repeat;
}
.icon[title="Modifications"]{
	background:url('../images/interface/icon-modify.png') transparent 0 0 no-repeat;
}
.icon[title="Renouvellement"]{
	background:url('../images/interface/icon-renew.png') transparent 0 0 no-repeat;
}
.icon[title="Supprimer"]{
	background:url('../images/interface/icon-delete.png') transparent 0 0 no-repeat;
}
.icon:hover{
	background-position:0 -33px;
}
.shrinker{
	position:relative;
	overflow:hidden;
	height:322px;
	margin-bottom:25px;
}
.p1{color:#4572A7;}
.p2{color:#AA4643;}
.p3{color:#89A54E;}
.p4{color:#80699B;}
.p5{color:#3D96AE;}
.p6{color:#DB843D;}
.p7{color:#92A8CD;}
/*Sementic*/
header{
	zzzposition:fixed;
	zzztop:0;
	width:100%;
	height:152;
	border-bottom:1px solid grey;
	background:url('../images/interface/BGHeader.jpg') white 0 0 repeat-x;
}
	/*.rgba header{*/
		/*CSS3*/
		/*background:rgba(0,0,0,0.25);*/
	/*}*/
	/*.no-rgba header{*/
		/*MODERNIZER FALLBACK*/
		/*background:#323232;*/
	/*}*/
	.boxshadow header{
		/*CSS3 - BoxShadow*/
		-moz-box-shadow: 0px 3px 10px #1a1a1a;
		-webkit-box-shadow: 0px 3px 10px #1a1a1a;
		box-shadow: 0px 3px 10px #1a1a1a;
	}
	header .content{
		width:100%;
		height:152px;
		border-bottom:1px solid black;
	}
		header .content .wrapper{
			position:relative;
			width:980px;
			height:152px;
			margin:0 auto;
		}
		header .content .wrapper .logo{
			position:absolute;
			left:0;
			top:0;
		}
		header .content .wrapper h1{
			position:absolute;
			left:112px;
			bottom:28px;
		}
nav{
	position:absolute;
	right:0;
	bottom:9px;
	width:592px;
	height:50px;
}
	nav #user{
		display:block;
		position:absolute;
		top:-65px;
		right:0;
		color:#757474;
		font-size:18px;
		font-weight:bold;
		height:10px;
		line-height:0;
	}
	nav #user .arrow-down{
		float:right;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 10px solid white;
		margin-top: -4px;
	}
	nav #user:hover{
		border-bottom:1px solid white;
	}
	nav #controls{
		display:none;
		background:white;
		width: 132px;
		height: auto;
		position: absolute;
		top: -26px;
		right: 0;
		z-index: 7777;
		border: 1px solid grey;
		padding: 5px;
	}
		.borderradius nav #controls{
			/* CSS3 rounded corners for both the navigation bar and the buttons: */
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-khtml-border-radius:4px;
			border-radius:4px;
		}
	nav #controls li{
		padding: 5px;
		line-height: 25px;
		height: 25px;
		cursor:pointer;
	}
	nav #controls li a{
		color:#444;
	}
		.borderradius nav #controls li{
			/* CSS3 rounded corners for both the navigation bar and the buttons: */
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-khtml-border-radius:4px;
			border-radius:4px;
		}
	nav #controls li:hover{
		border:1px solid grey;
		padding:4px;
		background:#eee;
	}
	nav #controls li img{
		margin-bottom:-7px;
	}
	nav .menu{
		float:right;
	}
	nav .menu li{
		float:left;
		width:145px;
		height:30px;
		margin-left:3px;
	}
	nav .menu li .btn{
		float:none;
		margin:0;
		position:relative;
		top:0;
		left:0;
		right:0;
		bottom:0;
		text-align:center;
	}
	.btn.active{
		color:#4183C4;
	}
	
	
	
#conteneur{
	width:100%;
	height:auto;
}
#conteneur section{
	position:relative;
	width:980px;
	height:auto;
	margin:75px auto 75px auto;
    background-color: #FFFFFF;
    border: 1px solid #F6F6F6;
	-moz-box-shadow: 0 0 10px #1a1a1a;
	-webkit-box-shadow: 0 0 10px #1a1a1a;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
}
#conteneur section header{
	background: url("../images/interface/info_bar_bg.png") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #CCCCCC;
	height: 84px;
	margin-top: -1px;
	position: relative;
	width: 100%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-border-top-left-radius: 7px ;
	-moz-border-top-right-radius: 7px ;
	-webkit-border-top-left-radius: 7px ;
	-webkit-border-top-right-radius: 7px ;
}
.btn{
	border: 1px solid #DDDDDD;
	bottom: 20px;
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 28px;
	height:28px;
	list-style: none outside none;
	margin: 25px 10px 0 0;
	padding: 0 10px;
	position: absolute;
	right: 6px;
	background: url("../images/interface/tabs_bg2.png") repeat-x scroll 0 0 #EEEEEE;
    border-left: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    float: left;
    text-decoration: none;
}
.btn:hover{background:none;}
.btn .hoverEffect{display:none;}
.btn .normalState{display:inline;}
.btn:hover .hoverEffect{display:inline;}
.btn:hover .normalState{display:none;}
#conteneur section ul.tabNav{
	position:relative;
	top:0;
	left:0;
	background: url("../images/interface/unselected_tabs_bg.png") repeat-x scroll 0 0 #E0E0E0;
    height: 36px;
    overflow: hidden;
    padding: 0;
}
#conteneur section ul.tabNav li{
	background: url("../images/interface/tabs_divider.png") no-repeat scroll right top transparent;
	float:left;
	margin-left:-1px;
}
#conteneur section ul.tabNav li.active{
	background: url("../images/interface/selected_bg.png") repeat-x scroll 0 0 transparent;
    position: relative;
    top: 0;
    z-index: 500;
}
#conteneur section ul.tabNav li a{
	color: #888888;
    font-weight: bold;
    height: 36px;
	line-height:36px;
    text-decoration: none;
    text-shadow: 2px 1px 1px #FFFFFF;
    text-transform: uppercase;
	padding:0 40px;
}
#conteneur section .content{
	background: url("../images/interface/list_top_bg.png") repeat-x scroll 0 -1px #FDFDFD;
    min-height: 470px;
    width: 920px;
	padding:30px;
}
#conteneur section .content .searchBar{
	margin:15px 0;
}
#conteneur section .content .searchBar input{
	float:left;
	margin-right:15px;
}
#conteneur section .content .searchBar label{
	float:left;
	margin-left:-10px;
	margin-right:15px;
}
#conteneur section footer{
	background-color: #EEEEEE;
    height: 42px;
    margin-top: 18px;
	-moz-border-bottom-left-radius: 7px ;
	-moz-border-bottom-right-radius: 7px ;
	-webkit-border-bottom-left-radius: 7px ;
	-webkit-border-bottom-right-radius: 7px ;
}
/*
*SECTIONS
*/
/*Dashboard*/
#conteneur .message p{
	color: #666;
	display: block;
	text-decoration: none;
	width: 100%;
	text-align:left;
	font-size:15px;
	font-weight:400;
	margin:0 auto;
}
#conteneur .message p small{
	float:right;
}

/*Facture*/
/*.inner-split {
    background: url("../images/interface/inner-split-bg.png") repeat-y scroll 0 0 #FFFFFF;
	margin-top: -30px;
	margin-bottom: -49px;
}
.inner-split .main-content {
    float: left;
    min-height: 500px;
    padding: 18px;
    width: 604px;
}
.inner-split .sidebar-content {
    float: left;
    min-height: 500px;
    position: relative;
    width: 320px;
}
#invoice-small {
    font-size: 11px !important;
    padding: 24px;
    width: 552px;
}
#invoice-small .address, #invoice-small #invoice-right-box {
    width: 180px;
}
#invoice {
    -moz-box-shadow: 0 0 6px #777777;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 20px auto 40px;
    min-height: 400px;
    padding: 50px;
    width: 835px;
}
.invoice-addresses {
    clear: both;
    margin: 60px 0 0;
    position: relative;
}
#invoice-right-box {
    float: left;
    margin-left: 10px;
    width: 225px;
}
#invoice-right-box table {
    border-collapse: collapse;
    font-size: 90%;
    font-weight: bold;
    width: 100%;
}
#invoice-right-box td {
    font-size: 12px;
}
#invoice-right-box .right-box-label {
    color: #AAAAAA;
    text-align: right;
}
#invoice-right-box table td {
    padding: 4px 5px;
}
#invoice-right-box table td {
    padding: 4px 5px;
}
#invoice-template .from-address {
    margin-right: 25px;
}
#invoice-template .address {
    float: left;
    width: 220px;
}
.address {
    font-size: 90%;
}
.address h4 {
    color: #AAAAAA;
    font-size: 120%;
    margin-bottom: 5px;
    padding-bottom: 0;
}
.address .attn {
    font-size: 120%;
    font-weight: bold;
}
.address p {
    margin: 0 0 3px;
    padding: 0;
}
.address {
    float: left;
    width: 220px;
}
.invoice-items {
    margin: 40px auto;
}
#invoice .header th, .invoice-summary .header {
    background: none repeat scroll 0 0 #F8F8F8;
    border-bottom: 1px solid #E7F0F4;
}

#invoice-small h4 {
    font-size: 90%;
}
.address h4 {
    color: #AAAAAA;
    font-size: 120%;
    margin-bottom: 5px;
    padding-bottom: 0;
}
#invoice-right-box table {
    border-collapse: collapse;
    font-size: 90%;
    font-weight: bold;
    width: 100%;
}
.due-date .date {
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #E0F3FB;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 170px;
}
.invoice-summary {
    clear: left;
    float: right;
    padding-left: 50%;
    width: 50%;
}
.invoice-summary .total, .invoice-summary .payments, .invoice-summary .balance {
    border-bottom: 1px solid #EEEEEE;
    height: 24px;
    padding: 2px 0;
}
.invoice-summary .balance h4 {
    font-weight: bold !important;
}
.invoice-summary span {
    display: block;
    float: right;
    text-align: right;
    width: 30%;
}
.invoice-items {
    margin: 40px auto;
}
.invoice-items .quantity {
    text-align: center;
    width: 17%;
}
.invoice-items .rate {
    text-align: center;
    width: 17%;
}
.invoice-items .subtotal {
    text-align: center;
    width: 17%;
}
#invoice-small .invoice-items td {
    font-size: 10px;
    padding: 3px 6px;
}
.invoice-items .description {
    padding: 5px 5px 15px;
}
.invoice-items .invoice-item {
    background: none repeat scroll 0 0 #F4F8FA;
    font-weight: bold;
}
#file-actions {
    border-top: 1px solid #DDDDDD;
    clear: both;
    margin: 24px 0;
    padding-top: 12px;
}*/

/*
*FEATURES
*/
/*SearchBar*/

#search input[type="text"] {
	outline:none;
	background: url('../images/interface/search-white.png') no-repeat 10px 6px #fcfcfc;
	border: 1px solid #d1d1d1;
	font: bold 12px Arial,Helvetica,Sans-serif;
	color: #bebebe;
	width: 150px;
	padding: 6px 15px 6px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
	width: 200px;
}
#search .others{
	position:relative;
	top:7px;
	float:left;
	height:auto;
}
/*InsetEffect*/
.rgba .insetEffect {
    background-color: rgba(0, 0, 0, 0.25);
}
.no-rgba .insetEffect {
    background: none repeat scroll 0 0 #323232;
}
.boxshadow .insetEffect {
    -moz-box-shadow: 0 0 5px black inset;
	-webkit-box-shadow: 0 0 5px black inset;
}
.no-boxshadow .insetEffect {
    border-left: 1px solid black;
    border-top: 1px solid black;
}
.borderradius .insetEffect {
    -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.rgba .insetEffect.active, .insetEffect:focus {
    background-color: rgba(0, 0, 0, 0.15);
}
/*glossyBtn*/
.glossyBtn{
	display: block;
	padding:10px 25px;
	color: white;
	line-height:30px;
	font-weight: 500;
	text-align: center;
	vertical-align: baseline;
	font-size: 16px;
	letter-spacing: .8px;
	text-decoration: none;
}
	.textshadow .glossyBtn{
		/*CSS3 text shadow*/
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	}
	.borderradius .glossyBtn{
		/*CSS3 BOrder radius*/
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
	}
	.csstransitions .glossyBtn{
		/*CSS3 Transition*/
		-webkit-transition: opacity .2s;
		-moz-transition: opacity .2s;
		-o-transition: opacity .2s;
		transition: opacity .2s;
	}
	.cssgradients .glossyBtn{
		/*CSS3 Gradient*/
		background-image: url('../images/interface/glossy.png');
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51,rgba(255, 255, 255, 0.1)),color-stop(0.49,transparent));
		background-image: -moz-linear-gradient(top,rgba(255, 255, 255, 0.1) 50%,transparent 50%);
	}
.glossyBtn.black{
	float:right;
	border-top: 1px solid #4D4D44;
	border-bottom: 1px solid #44443D;
	background-color: #3F3F38;
}
	.boxshadow .glossyBtn.black{
		/*CSS3 Shadow*/
		box-shadow: 0 1px 0 #292925,0px -1px 0 #292925;
		-webkit-box-shadow: 0 1px 0 #292925,0px -1px 0 #292925;
		-moz-box-shadow: 0 1px 0 #292925,0px -1px 0 #292925;
	}
.glossyBtn.black:hover{
	background-color: #44443D;
	cursor:pointer;
}

/*Table List*/
.list{
	margin-bottom: 1.4em;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.list a{
	color:#4183C4;
}
.list a:hover{
	color:#4183C4;
	text-decoration:underline;
}
.list tr {
    background: url("../images/interface/list_row_bg.png") repeat-x scroll 0 -1px transparent;
    border-bottom: 5px solid #FFFFFF;
    height: 40px;
}
.list tr.actif-0 {
	opacity:.5;
	border-color:#fc7b7b;
}
.list tr:hover {
    -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    background: url("../images/interface/list_hover.png") repeat-x scroll 0 -1px transparent;
    border: 1px solid #C5CBFD;
}
html body .list .table-header, html body .list .table-header:hover {
    background: url("../images/interface/table-header-bg.png") repeat-x scroll 0 0 transparent;
    border-color: #EEEEEE #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #626A6F;
    font-size: 13px;
    height: 20px;
    text-align: left;
	/*border-bottom:1px solid #d1d1d1;*/
}
.list .table-footer, .list .table-footer:hover {
    background: url("../images/interface/table-header-bg.png") repeat-x scroll 0 0 #EEEEEE;
    border-color: #EEEEEE #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #626A6F;
    font-size: 13px;
    height: 10px;
    text-align: left;
}
.table-header th {
	cursor:pointer;
    padding: 9px;
}
.table-header th:hover,.table-header th.active  {
	color:#4183C4;
}
.list td {
    font-size: 12px;
    padding: 0;
	min-height: 135px;
}
.list td:nth-child(even) {
	background:#f9f9f9;
}
.list td:nth-child(odd) {
	background:#f3f3f3;
}
.list tr:hover td:nth-child(even) {
	background:#f3f3f3;
}
.list tr:hover td:nth-child(odd) {
	background:#eee;
}
.list th.action, .list td.action {
	vertical-align:middle;
}
.list th:last-child, .list td:last-child {
    padding-right: 5px;
}
.list td a.cell-link,  .list td div.cell-link{
    color: #666666;
    display: block;
    height: auto;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}
.list tr .action .danger {
    float: none;
}
.list tr .action .small-button, .list tr .action .icon {
    visibility: hidden;
}
.list tr:hover .action > .small-button, .list tr:hover .action > .icon {
    visibility: visible;
}

/*Table statistique*/
.statistiques th {
	vertical-align:middle;
	padding:5px;
	text-align:center;
	border:1px solid #eee;
}
.statistiques td {
	vertical-align:middle;
	padding:5px;
	text-align:center;
	border:1px solid #eee;
}
.statistiques .empty{
	background:aliceBlue;
}
/*small Button*/
.small-button {
    background: url("../images/interface/small-button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    overflow: visible;
    padding: 0 0 0 3px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    white-space: nowrap;
	margin-left:2px;
}
input[type="text"] + .small-button {
    margin-left: 5px;
}
.small-button::-moz-focus-inner {
    margin: -1px -3px;
}
.small-button.danger {
    color: #990000;
    float: right;
}
.small-button > span, .small-button > input {
    background: url("../images/interface/small-button.png") no-repeat scroll 100% 0 transparent;
    display: block;
    height: 23px;
    line-height: 23px;
    padding: 0 7px 0 3px;
}
.small-button > span img, .small-button > input img{
	position:relative;
	top:3px;
}
.small-button:hover, .small-button.active {
    background-position: 0 -30px;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.small-button.danger:hover {
    background-position: 0 -90px;
}
.small-button:hover > span, .small-button:hover > input, .small-button.active span {
    background-position: 100% -30px;
}
.small-button:hover > input {
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.small-button.danger:hover > span {
    background-position: 100% -90px;
}
.small-button.mousedown {
    background-position: 0 -60px;
}
.small-button.danger.mousedown {
    background-position: 0 -120px;
}
.small-button.mousedown > span {
    background-position: 100% -60px;
}
.small-button.danger.mousedown > span {
    background-position: 100% -120px;
}
.small-button input {
    border: medium none;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.small-button input:hover {
    border: medium none;
}

/*Pagination*/
.pagination {
    background: none repeat scroll 0 0 #EEEEEE;
    height: 42px;
    position: relative;
    width: 100%;
    z-index: 999;
	-moz-border-bottom-left-radius: 7px ;
	-webkit-border-bottom-left-radius: 7px ;
}
.pagination .paginationWrapper{
	width: 736px;
	position: absolute;
	overflow: hidden;
	height: 43px;
	top: 0;
	left: 135px;
	padding: 0;
}
.pagination ul {
    margin: 0;
    padding-left: 0;
	position:relative;
	left:0;
	width: 9999px;
}
.pagination li {
    border-right: 1px solid #CFCFCF;
    float: left;
    list-style: none outside none;
	width:48px;
}
.pagination li.current {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 41px;
    margin-top: -1px;
    padding-top: 1px;
}
.pagination li.prev{
	width:auto;
	position:absolute;
	left:0;
	border:none;
}
.pagination li.next{
	width:auto;
	position:absolute;
	right:0;
	border:none;
}
.pagination li.current a {
    color: #333333;
}
.pagination a, .pagination div {
    color: #7F7F7F;
    display: block;
    float: left;
    font-weight: bold;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

/*Client details*/
.client-details {
	position:relative;
    float: left;
    margin-right: 48px;
    width: 402px;
}

.client-details h3{
	line-height:25px;
}
.client-details-list {
	position:relative;
    margin: 0;
    padding: 0;
}
.client-details-list hr{
	margin:0;
	padding:0;
	border-top:none;
	border-bottom-color:#DDD;
}
.client-details-list span {
    color: #999999;
    display: block;
    float: left;
    width: 160px;
}
.client-details-list li {
    display: block;
    font-size: 14px;
    line-height: 24px;
    list-style: none outside none;
    margin-bottom: 12px;
	clear:both;
	min-height:24px;
}
.client-details-list a{
	color:#4183C4;
}
.client-details-list a:hover{
	color:#4183C4;
	text-decoration:underline;
}
.client-projects {
    float: left;
    margin-left: 0;
    width: 450px;
}
.client-projects a{
	color:#4183C4;
}
.client-projects a:hover{
	color:#4183C4;
	text-decoration:underline;
}
.client-projects .project-list, .client-projects .invoice-list {
    color: #333333;
    font-size: 12px;
    margin-bottom: 12px;
}
.client-projects .list {
    margin-bottom: 48px;
}
.client-projects th {
    font-size: 12px;
    padding: 5px 12px 0;
}
.client-projects .table-header, .client-invoices .table-header {
    font-size: 12px;
}
.client-projects .list tr {
    height: 30px;
}
.client-projects .list td a.cell-link {
    height: inherit;
    padding: 6px 12px 5px;
}
.alert {
    -moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
    background: url("../images/interface/alert-info-bg.png") transparent 0 0 repeat;
    border: 1px solid #E7E7CE;
    color: #666666;
    margin: 12px auto;
    min-height: 33px;
	height:auto;
    padding: 12px 24px;
    width: 352px;
}
span.alert{
	color:red;
	position:absolute;
	top:-5px;
	left:0;
}
.alert h3 {
    color: #000000;
}
.alert.notice {
    background: url("../images/interface/alert-notice-bg.png") transparent 0 0 repeat;
}
.alert.error {
    background: url("../images/interface/alert-error-bg.png") transparent 0 0 repeat;
}
.alert.success {
    background: url("../images/interface/alert-success-bg.png") transparent 0 0 repeat;
}
.alert.fluid {
    margin: 12px auto;
    text-align: center;
    width: 90%;
}
.alert.large {
    max-height: 72px;
}
.no-files h3 {
    color: #666666;
}
.no-files a {
    margin: 12px 24px 6px;
    text-decoration: none;
}
.project-actions {
    float: right;
}
.project-actions .small-button.extra-margin {
    margin-bottom: 12px;
}
.no-items {
    margin: 108px auto 36px !important;
    padding: 12px;
}
.no-items h3 {
    color: #666666;
    margin-bottom: 12px;
}
.add-item.alert {
    margin-left: 30px;
}
.add-item.alert a {
    margin-top: 6px;
}
.no-projects, .no-invoices {
    font-size: 16px;
    text-align: center;
}
.no-invoices {
    margin-top: 36px;
}

/*Breadcrum*/
.breadcrumbs.secondary {
    color: #4183C4;
    left: 26px;
    position: absolute;
    top: 15px;
}
.breadcrumbs.primary a, .breadcrumbs.secondary a {
    color: #888888;
    text-decoration: none;
}
.breadcrumbs.primary a:hover, .breadcrumbs.secondary a:hover, .breadcrumbs.tertiary a:hover {
    color: #4183C4;
}

/*Modal form*/
#modal .btClose{
	position:absolute;
	top:15px;
	right:10px;
}
#modal .form {
    margin-top: 0;
}
#modal .form .loaderContainer{
	width:20px;
	height:20px;
	float:left;
	margin: 6px 0 0 5px;
}
#modal .form hr{
	border-top:none;
	border-bottom-color:#DDD;
}
#modal .form h3{
	position:relative;
	cursor:pointer;
	color:#4183C4;
	line-height:20px;
}
h3 .btShow{
	position:absolute;
	right:0;
	top:0;
	width:21px;
	height:21px;
	background:url('../images/interface/btShowHide.png') transparent 0 0 no-repeat;
	cursor:pointer;
}
.btShow.show{
	background-position:0 0;
}
.btShow.hide{
	background-position:0 -21px;
}
.jqmWindow {
    color: #333333;
    display: block;
    position: absolute;
	z-index:3000;
	top:55px;
	left:50%;
	margin-left:-231px;
}
.form-header {
    background: url("../images/interface/info_bar_bg.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
    height: 36px;
    margin-top: -1px;
    padding: 12px;
    position: relative;
}
.form-title {
    color: #4183C4;
    margin: 12px;
    text-shadow: 2px 1px 1px #FFFFFF;
	padding:0;
	font-size:2em;
}
.form form {
    padding: 36px;
}
.form {
    -moz-box-shadow: 0 1px 5px #BBBBBB;
	-webkit-box-shadow: 0 1px 5px #BBBBBB;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 48px auto;
    width: 460px;
}
.form.full-width {
    width: 852px;
}
label {
    display: block;
}
input, textarea, select, .faux-field, .faux-file-field {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EEEEEE;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 20px;
    margin: 1px;
    padding: 3px;
	color:#666;
	font-size:15px;
}
.form .wide {
    float: left;
    margin: 3px 0 24px;
    width: 376px;
	max-width:376px;
	min-width:376px;
}
.form .medium {
    float: left;
    width: 204px;
}
.form .skinny {
    float: left;
    margin: 3px 0 24px;
    width: 102px;
}
.form .righter{
	float:right;
	width:200px;
	position:relative;
	top:-10px;
}
.form .wide input, .form .wide textarea, .form .wide select {
    width: 348px;
}
.form .medium input, .form .medium textarea, .form .medium select {
    width: 204px;
}
.form .skinny input, .form .skinny textarea, .form .skinny select {
    width: 102px;
}
.faux-field {
    color: #AAAAAA;
    font-size: 16px;
    padding: 4px 24px 4px 12px;
}
textarea#terms {
    font-size: 12px;
}
#submit {
    border: medium none;
    display: block;
    float: right;
}
.form .button {
    float: right;
}
#confirm-delete .cancel {
    float: left;
    margin-top: 12px;
}
.button.large {
    -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    background: url("../images/interface/large-button-bg.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    cursor: pointer;
    font-family: helvetica,arial,freesans,clean,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    margin-left: 10px;
    overflow: visible;
    padding: 0;
    position: relative;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: 1px;
    white-space: nowrap;
}
.button.large {
    display: inline-block;
}
.button.large span {
    display: block;
    height: 34px;
    line-height: 36px;
    padding: 0 13px;
}
.button:hover > input {
    color: #4183C4;
    text-shadow: 2px 1px 1px #FFFFFF;
}
.button input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    cursor: pointer;
    font-family: "Helvetica Neue",arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    min-width: 75px;
    padding: 7px;
    text-align: center;
}
.button input:focus {
    border: medium none;
}

/*MESSAGE IMPORTANT*/
.message{
	position:relative;
	overflow:hidden;
}
.message ul{
	width:9999px;
	position:relative;
	left:0;
}
.message ul li{
	width:556px;
	margin-right:50px;
	float:left;
}
.dot-pagination{
	float:right;
	position:relative;
	top:15px;
	z-index:500;
}
.dot-pagination ul li{
	float:left;
	width:16px;
	height:16px;
	background:url('../images/interface/dots.png') transparent 0 0 no-repeat;
	cursor:pointer;
	margin-right:10px;
}
.dot-pagination ul li:hover, .dot-pagination ul li.active{
	background-position:0 -16px;
}
/**/

/*SPECSHEETS*/
table.specsheet{
	width:310px;
	height:auto;
	background:#444;
	color:white;
	padding:3px;
}
table.specsheet thead, table.specsheet thead th{
	color:black;
	background:#eee;
}
table.specsheet tbody th{
	text-align:left;
}
table.specsheet tbody td{
	vertical-align:middle;
	text-align:right;
}
table.specsheet tfoot, table.specsheet tfoot td{
	color:black;
	background:#eee;
}
table.specsheet tr{
	border-bottom:1px dashed #4183C4;
	padding:3px;
}
table.specsheet td, table.specsheet th{
	font-size:13px;
	line-height:20px;
	padding:3px;
}