/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------->>> Generic general layout style <<<-----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	margin-top: 7px;
	overflow-y: scroll; /* To avoid left shifting */
	background-color: #E5F6F2;
}

body {
	width: 1024px;
	overflow: auto;
	margin: auto;
	text-align: center; /* To center the whole site under the web browser */
	background-color: #ffffff; /* External site background color */
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}
.cboth{
	clear:both;
}
.w100{
	width:100%;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------->>> Authenticate style <<<------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.authenticate {
	margin: 10% auto;
	width: 500px;
	padding: 15px;
	line-height: 30px;
}

.authenticate .background {
	background: url(../images/background.png) no-repeat center center;
	background-size : 130px;
}

.authenticate .messages div {
	margin-bottom: 0 !important;
}
.authenticate p.logo {
    float: right;
    height: 50px;
    margin-right: 50px;
    margin-top: -100px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> Generic page layout style <<<------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.header {
	height: 100px;
	padding: 0;
	border: 1px solid #558ed5;
}

.header div.logo {
	float: left;
	height: 100px;
	margin-left: 75px;
}

.header div.title {
	float: left;
	text_align: center;
	margin-left: 150px;
	width: 500px;
}

.header div.one {
	margin-top: 40px;
}

.header div.two {
	margin-top: 20px;
}

.header div.title div.disabled {
	display: none;
}

.container {
	border: none;
}

.body {
	float: left;
	padding: 5px 5px 0 5px;
	min-height: 500px;
	width: 1012px;
	border: 1px solid #558ed5;
	z-index: 10;
	margin-bottom: 5px;
}

.body .background {
	width: 1012px;
	height: 608px;
	background: url(../images/background.png) no-repeat center center;
}

.footer {
	float: left;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	width: 1012px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #558ed5;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------->>> Menu style <<<--------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.menu {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 1022px;
	height: 20px;
	border: 1px solid #558ed5;
	z-index: 100;
	float: left;
}

.menu #Nav {
	position: absolute;
	z-index: 100;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 1022px;
}

.menu #Nav li {
	width: 150px;
	background: none;
	margin: 0px 0 0 0px;
	float: left;
	padding: 0;
}

.menu #Nav li a {
	display: block;
	background-color: #B3D5DC;
	color: #333333;
	text-decoration: none;
	margin: 0;
	padding: 3px;
	font-weight: bold;
}

.menu #Nav li a:hover,.menu #Nav li a:active {
	display: block;
	background-color: #E4E664;
	color: black;
	text-decoration: none;
	margin: 0;
	padding: 3px;
	font-weight: bold;
}

.menu .subnav {
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
}

.menu #Nav li.disconnect {
	float: right;
    width: 30%;
}

.menu li.disconnect #disconnect {
	background: url(../images/icones/disconnect.png) no-repeat right center transparent !important;
	height: 20px;
	float: right;
	margin-right: 5px;
}

.menu li.disconnect #disconnect a {
	text-align: right;
	background-color: transparent;
	padding-right: 15px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------->>> Global style <<<-------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

div.center {
	margin: auto;
	text-align: center;
}

div.middle {
	position: relative;
	top: 45%;
	width: 33%;
}

div.clear {
	clear: both;
}

div.image {
	margin: auto;
	border: 0;
}

div.blockSpacer {
	margin-bottom: 5px;
}

.hidden {
	display: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------->>> Bloc style <<<---------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.boxs {
	line-height: 20px;
}

.oneColumnAccordion {
	z-index: -1;
	margin-bottom: 5px;
}

.oneColumnFilter {
	margin-bottom: 5px;
	float: left;
	width: 1010px; /* real width = .boxs width - left and right block margin and padding */
	border: 1px solid #AAAAAA;
}

.oneColumnBlock {
	margin-bottom: 5px;
	float: left;
	width: 1012px; /* real width = .boxs width - left and right block margin and padding */
	border: none;
}

.twoColumnsLeftBlock {
	margin-bottom: 5px;
	float: left;
	width: 504px; /* real width = .boxs width /2 - left and right block margin and padding */
	border: none;
	padding-right: 2px;
}

.twoColumnsRightBlock {
	margin-bottom: 5px;
	float: right;
	width: 504px; /* real width = .boxs width /2 - left and right block margin and padding */
	border: none;
	padding-left: 2px;
}

.transparent {
	background: none !important;
}

.boxs img {
	max-width: 100%; /* both max sizes to control img display into container */
	max-height: 100%;
	border: 0;
}

.boxs h1 {
	
}

.boxs h2 {
	
}

.boxs h3 {
	
}

.boxHeader, .boxTextContent, .boxFormContent, .boxGraphContent, .boxLinkContent {
	padding: 5px;
}

.boxFilter {
	padding: 5px 3px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

.boxHeader, .boxFilter {
	text-align: left;
}

.boxTextContent, .boxFormContent, .boxGraphContent, .boxGridContent, .boxLinkContent{
	border: none !important;
	background: none !important;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------->>> Form style <<<---------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.modelFormulaire{
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;	
	margin-top:5px;
}

.modelFormulaire label{
	font-weight: bold;
}

/* Block style */
.oneColumnForm {
	padding: 5px 35% 5px 5px;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
	margin-bottom: 5px;
}

.oneColumnFormFull {
	padding: 5px 20% 5px 5px;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
	margin-bottom: 5px;
}

.twoColumnLeftForm {
	margin-bottom: 5px;
	padding-right: 10px;
	float: left;
	width: 48%;
	height: 100%;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
}

.twoColumnRightForm {
	padding-right: 10px;
	float: right;
	width: 48%;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
	margin-bottom: 5px;
}

/* Line style */
.twoColumnLeftForm .line, .twoColumnLeftForm .action, 
.twoColumnRightForm .line, .twoColumnRightForm .action {
	float: right;
	padding-right: 25%;
}

.oneColumnForm .line, .oneColumnFormFull .full {
	float: right;
}

.oneColumnForm .line2, .oneColumnForm .line3 {
	float: left;
	width: 100%;
	padding-left: 146px;
}

.oneColumnForm .lineTitle {
	float: left;
	width: 100%;
	padding-left: 155px;
}

/* Field style */
.oneColumnForm .line label, 
.oneColumnFormFull .full label, 
.twoColumnLeftForm .line label, 
.twoColumnRightForm .line label {
	font-weight: bold;
	line-height: 30px;
	text-align: right;
	float: left;
}

.oneColumnForm .line2 label, 
.oneColumnForm .line3 label {
	font-weight: bold;
	line-height: 30px;
	text-align: right;
	float: left;
	width: 100px;
}

.oneColumnForm .lineTitle label {
	color: grey;
    float: left;
    font-style: italic;
    font-weight: lighter;
    line-height: 30px;
    text-align: right;
    width: 160px;
}

.oneColumnForm .line label.sized, 
.oneColumnForm .line2 label.sized, 
.oneColumnForm .line3 label.sized, 
.twoColumnLeftForm .line label.sized, 
.twoColumnRightForm .line label.sized {
	width: 50px;
}

.oneColumnForm .line .mandatory, 
.oneColumnForm .line2 .mandatory, 
.oneColumnForm .line3 .mandatory, 
.twoColumnLeftForm .line .mandatory, 
.twoColumnRightForm .line .mandatory {
	float: right;
	color: red;
	font: bold;
}

.oneColumnForm .line .help, 
.oneColumnForm .line2 .help, 
.oneColumnForm .line3 .help, 
.twoColumnLeftForm .line .help, 
.twoColumnRightForm .line .help {
	padding-top: 4px;
	margin-left: -12px;
	position: relative;
	float: right;
}

.oneColumnForm .line .help span, 
.oneColumnForm .line2 .help span, 
.oneColumnForm .line3 .help span, 
.twoColumnLeftForm .line .help span, 
.twoColumnRightForm .line .help span {
	left: 12px;
	width: 12px;
	height: 12px;
	background: url(../images/icones/help.png) no-repeat center bottom;
}

.oneColumnForm .line .error, 
.oneColumnForm .line2 .error, 
.oneColumnForm .line3 .error, 
.twoColumnLeftForm .line .error, 
.twoColumnRightForm .line .error {
	color: red;
	display: block;
	text-align: right;
	padding-right: 5px;
	clear: both;
}

.oneColumnForm .line input, 
.oneColumnForm .line2 input, 
.oneColumnForm .line3 input, 
.twoColumnLeftForm .line input, 
.twoColumnRightForm .line input {
	margin: 5px;
	float: left;
	height: 16px;
}

.oneColumnForm .line input[type=file], 
.oneColumnForm .line2 input[type=file], 
.oneColumnForm .line3 input[type=file], 
.twoColumnLeftForm .line input[type=file], 
.twoColumnRightForm .line input[type=file] {
	height: auto;
}

.oneColumnForm .line select, 
.oneColumnForm .line2 select, 
.oneColumnForm .line3 select, 
.twoColumnLeftForm .line select, 
.twoColumnRightForm .line select {
	margin: 5px;
	float: left;
}

.oneColumnFormFull .full input, .oneColumnFormFull .full select, .oneColumnFormFull .full textarea {
	margin: 5px;
	float: left;
	width: 500px;
}

.oneColumnForm .line input.checkbox, 
.twoColumnLeftForm .line input.checkbox, 
.twoColumnRightForm .line input.checkbox {
	margin-right: 100px;
	margin-top: 8px;
}

.oneColumnForm .line2 input.checkbox, 
.oneColumnForm .line3 input.checkbox {
	margin-right: 30px;
	margin-top: 8px;
	margin-left: 30px;
}

.oneColumnForm .line input.long, 
.oneColumnForm .line select.long, 
.oneColumnForm .line2 input.long, 
.oneColumnForm .line2 select.long, 
.oneColumnForm .line3 input.long, 
.oneColumnForm .line3 select.long, 
.twoColumnLeftForm .line input.long, 
.twoColumnLeftForm .line select.long, 
.twoColumnRightForm .line input.long, 
.twoColumnRightForm .line select.long {
	width: 160px;
}

.oneColumnForm .line input.medium, 
.oneColumnForm .line select.medium, 
.oneColumnForm .line2 input.medium, 
.oneColumnForm .line2 select.medium,
.oneColumnForm .line3 input.medium, 
.oneColumnForm .line3 select.medium,
.twoColumnLeftForm .line input.medium, 
.twoColumnLeftForm .line select.medium, 
.twoColumnRightForm .line input.medium, 
.twoColumnRightForm .line select.medium {
	width: 100px;
}

.oneColumnForm .line input.short, 
.oneColumnForm .line select.short, 
.oneColumnForm .line2 input.short, 
.oneColumnForm .line2 select.short, 
.oneColumnForm .line3 input.short, 
.oneColumnForm .line3 select.short, 
.twoColumnLeftForm .line input.short, 
.twoColumnLeftForm .line select.short, 
.twoColumnRightForm .line input.short, 
.twoColumnRightForm .line select.short {
	width: 50px;
}

.oneColumnForm .line textarea, 
.oneColumnForm .line input.longText, 
.oneColumnForm .line select.longText, 
.oneColumnForm .line2 textarea, 
.oneColumnForm .line2 input.longText, 
.oneColumnForm .line2 select.longText, 
.oneColumnForm .line3 textarea, 
.oneColumnForm .line3 input.longText, 
.oneColumnForm .line3 select.longText, 
.twoColumnLeftForm .line textarea, 
.twoColumnLeftForm .line input.longText, 
.twoColumnLeftForm .line select.longText, 
.twoColumnRightForm .line textarea, 
.twoColumnRightForm .line input.longText, 
.twoColumnRightForm .line select.longText {
	margin: 5px;
	width: 312px;
	float: left;
}

.oneColumnForm .line .disabled, 
.oneColumnForm .line2 .disabled, 
.oneColumnForm .line3 .disabled, 
.oneColumnFormFull .full .disabled, 
.twoColumnLeftForm .line .disabled, 
.twoColumnRightForm .line .disabled {
	color: gray;
	background-color: #FCFCFC !important;
}

/* Button style */
.oneColumnForm .action input.button, 
.twoColumnLeftForm .action input.button, 
.twoColumnRightForm .action input.button {
	z-index: 200;
	margin-top: 5px;
	margin-right: 5px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Generic button style <<<----------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.action .button {
	z-index: 50;
	padding: 2px 3px;
	margin: 5px;
}

.action input.button {
	
}

.action a.button {
	margin-left: 5px;
	font-size: 85%;
}

.action a.button span {
	padding: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------->>> Message style <<<--------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.messages {
	text-align: center;
}

.messages .guide_message {
	padding: 5px;
	border: 1px solid black;
	margin-bottom: 5px;
}

.messages .success_message {
	padding: 5px;
	color: green;
	border: 1px solid green;
	margin-bottom: 5px;
}

.messages .info_message {
	padding: 5px;
	color: blue;
	font-style: italic;
	border: 1px solid blue;
	margin-bottom: 5px;
}

.messages .warning_message {
	padding: 5px;
	color: orange;
	font-weight: bold;
	border: 1px solid orange;
	margin-bottom: 5px;
}

.messages .error_message {
	padding: 5px;
	color: red;
	font-weight: bold;
	font-size: 120%;
	border: 2px solid red;
	margin-bottom: 5px;
}

.messages a {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Text and link style <<<-----------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.bold {
	float: left;
	font-weight: bold;
	line-height: 25px;
}

.text {
	float: left;
	font-weight: normal;
	line-height: 25px;
	text-align: justify;
}

.text p {
	line-height: 25px;
}
.contact-container{
	margin-right:15px;
	padding-right:15px;
	border-right: 1px #404040 solid;
}
.contact-container:last-child{
	margin-right:0;
	padding-right:0;
	border-right: none;
}
.contact-container .icon{
	display:block;
	float: left;
	width: 21px;
	height: 21px;
	background: url(../images/icones/icons.png);
	margin-right: 5px;
}
.contact-container .icon.person {
	background-position: -84px 0;
}
.contact-container .icon.address {
	background-position: -21px 0;
}
.contact-container .icon.email {
	background-position: -63px 0;
}
.contact-container .icon.location {
	background-position: -105px 0;
}
a.link {
	font-weight: normal;
	color: #2E6E9E !important;
	text-decoration: none;
}

a.link:hover {
	font-weight: normal;
	color: #1D5987 !important;
	text-decoration: none;
}

.legend {
	font-weight: lighter;
	font-style: italic;
	color: gray;
	text-align: center;
	width: 100%;
}


#important{
	margin-top:10px;
	margin-bottom:10px;
	color:red;
	font-size:15px;
	text-align:left;
	display:flex;
	align-items:center;
	align-content: space-around;
	justify-content: center;
}

#important div{
	color: black;
	border: red solid 1px;
	height: 10%;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
}

#important div span{
	background-color:yellow;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> COLORED INPUT FIELD <<<-----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.disabled {
	border: 1px solid #999;
	background-color: #ddd;
	selector {cursor:none; }
}

.unsynchronized {  
    border: solid 1px yellow;  
    background: #FFFFEF;  
    color: #000;  
}

.controled {  
    border: solid 1px red;  
    background: #FFEFEF;  
    color: #000;  
}

.notControled {  
    border: solid 1px green;  
    background: #EFFFF3;  
    color: #000;  
}

.updated {  
    border: solid 1px blue;  
    background: #EFFAFF;  
    color: #000;  
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> header area button effects <<<-----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.help {
	background: url(../images/icones/help.png) no-repeat center center;
	float: right; 
	position: relative; 
	z-index: 1000;
	margin-top: 6px;
	width: 20px;
	height: 20px;
}

.refresh {
    background: url("../images/icones/refresh.png") no-repeat scroll center center transparent;
    float: right;
    height: 20px;
    margin-top: 6px;
	margin-right: 22px;
    position: relative;
    width: 20px;
    z-index: 1000;
}

.toggle {
	float: right;
	z-index: 1000;
}

.new {
	background: url(../images/icones/new.png) no-repeat center center;
	float: right; 
	position: relative; 
	z-index: 1000;
	margin-top: 6px;
	width: 20px;
	height: 20px;
}

.HBhighlight {
	background-color: #E1E463;
	border: 1px solid #999999;
	width: 18px;
	height: 18px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------>>> COLORED INPUT FIELD <<<-------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.black {
	text-align: left;
	color: black;
	font-weight: bold;
}

.red {
	text-align: left;
	color: red;
	font-weight: bold;
}

.orange {
	text-align: left;
	color: orange;
	font-weight: bold;
}

.green {
	text-align: left;
	color: green;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------->>> HOME FIELD <<<------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.severalWidgets {
	float: left;
	margin: 0 5px 5px 5px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------->>> ID specific style <<<-----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#dialogLoader {
	display: none;
    background: #ddd;
	position: fixed; 
	left: 0; top: 0;
	width: 100%; 
	height: 100%;
	opacity: .80;
	padding: 20px;
	float: left;
	z-index: 9999;
}

#dialogLoader div.animation {
	background: url(../images/loader.gif) no-repeat scroll center center transparent;
	position: relative; 
	width: 33%;
	height: 50px;
	left: 33%;
}

#dialogLoader div.text {
	position: relative; 
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#bankAccount {
	padding: 5px;
}

#bankAccount .full {
	width: 100%;
}

#homeArea .action .button {
	width: 221px;
	font-size: 100%;
	border: 1px solid #999;
}

#homeArea .action .disabled {
	width: 221px;
	font-size: 80%;
	color: grey;
	border: 1px solid #999;
	cursor: defaut;
}

#homeArea .action .button .highlight {
	font-weight: bold;
	color: blue;
}

#homeArea .refresh {
    margin: 0px;
}

#dialogTimeout {
	height: 60px !important;
}

#dialogTimeout {
	font-size: 120% !important;
}

#ui-dialog-title-dialogTimeout {
	font-size: 120% !important;
	font-weight: bold !important;
}

#bankAccountTab {
	margin: auto;
	padding: 1px;
	text-align: center;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
	width: 776px;
}

#bankAccountTab div.border {
	margin: 1px;
	padding-left: 1px;
	padding-right: 2px;
	text-align: center;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
}

#bankAccountTab div.blockOwner {
	float: left;
	height: 120px;
	width: 140px;
}

#bankAccountTab div.blockBic {
	float: left;
	height: 120px;
	width: 100px;
}

#bankAccountTab div.iban {
	float: left;
}

#bankAccountTab div.blockIban {
	font-weight: bold;
	background-color: #EBF4FB;
}

#bankAccountTab div.blockCountry {
	float: left;
	height: 96px;
	width: 30px;
}

#bankAccountTab div.blockIbanKey {
	float: left;
	height: 96px;
	width: 50px;
}

#bankAccountTab div.bban {
	float: left;
}

#bankAccountTab div.blockBban {
	font-weight: bold;
	background-color: #FEFFBF;
}

#bankAccountTab div.blockBankCode {
	float: left;
	height: 72px;
	width: 100px;
}

#bankAccountTab div.blockBranchCode {
	float: left;
	height: 72px;
	width: 100px;
}

#bankAccountTab div.blockAccount {
	float: left;
	height: 72px;
	width: 150px;
}

#bankAccountTab div.blockBbanKey {
	float: left;
	height: 72px;
	width: 50px;
}
#bankAccountTab div.blockSepaIban {
	float: left;
	width: 622px;
}

#bankAccountTab div.forSepa{
	height: 60px;
}

#bankAccountTab label {
	width: 100%;
	padding-top: 60px;
	text-align: center;
}
#bankAccountTab div.forSepa label {
    padding-top: 0;
}

#bankAccountTab .iban label {
	padding-top: 36px;
}

#bankAccountTab .iban .bban label {
	padding-top: 12px;
}

#bankAccountTab input {
	width: 100%;
	margin: 0;
}

#error403 .action a.button {
	line-height: 20px;
}

#contenteditable {
	border: 1px solid #999;
	margin: 5px;
	text-align: left;
	width: 312px;
	line-height: normal;
	display: inline-block;
	min-height: 15px;
}

#importGrid div.ui-tabs-tab, #importGrid div.ui-tabs {
	padding : 0;
}

#importGrid div.ui-jqgrid {
	border: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------->>> Override JQuery <<<-------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.ui-jqgrid-title {
	font-size: 1.2em !important;
}

.ui-widget-overlay {
	background: none repeat scroll 0 0 #DDDDDD !important;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
}

/* blocks widths (percentage and pixels) */
.w05    { width: 5%; }
.w10    { width: 10%; }
.w15	{ width: 15%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w35    { width: 35%; }
.w40    { width: 40%; }
.w45    { width: 45%; }
.w50    { width: 50%; }
.w55    { width: 55%; }
.w60    { width: 60%; }
.w65    { width: 65%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w85    { width: 85%; }
.w90    { width: 90%; }
.w95    { width: 95%; }
.w100   { width: 100%; }

.mw05    { max-width: 5%; }
.mw10    { max-width: 10%; }
.mw15	 { max-width: 15%; }
.mw20    { max-width: 20%; }
.mw25    { max-width: 25%; }
.mw30    { max-width: 30%; }
.mw33    { max-width: 33.333%; }
.mw35    { max-width: 35%; }
.mw40    { max-width: 40%; }
.mw45    { max-width: 45%; }
.mw50    { max-width: 50%; }
.mw55    { max-width: 55%; }
.mw60    { max-width: 60%; }
.mw65    { max-width: 65%; }
.mw66    { max-width: 66.666%; }
.mw70    { max-width: 70%; }
.mw75    { max-width: 75%; }
.mw80    { max-width: 80%; }
.mw85    { max-width: 85%; }
.mw90    { max-width: 90%; }
.mw95    { max-width: 95%; }
.mw100   { max-width: 100%; }

.mw100p    { max-width: 100px;  }
.mw200p    { max-width: 200px; }
.mw300p	   { max-width: 300px; }
.mw400p    { max-width: 400px; }
.mw500p    { max-width: 500px; }
.mw600p    { max-width: 600px; }
.mw700p    { max-width: 700px; }
.mw800p    { max-width: 800px; }
.mw900p    { max-width: 900px; }


.w50p   { width: 50px; }
.w100p  { width: 100px; }
.w150p  { width: 150px; }
.w200p  { width: 200px; }
.w300p  { width: 300px; }
.w400p  { width: 400px; }
.w500p  { width: 500px; }
.w600p  { width: 600px; }
.w700p  { width: 700px; }
.w800p  { width: 800px; }
.w960p  { width: 960px; }
.mw960p { max-width: 960px; }

/* margins */
.mt0   { margin-top: 0; }
.mt1   { margin-top: 10px; }
.mt1-5 { margin-top: 15px; }
.mt2   { margin-top: 20px; }
.mt3   { margin-top: 30px; }
.mr0   { margin-right: 0; }
.mr1   { margin-right: 10px; }
.mr2   { margin-right: 20px; }
.mb0   { margin-bottom: 0; }
.mb1   { margin-bottom: 10px; }
.mb1-5 { margin-bottom: 15px; }
.mb2   { margin-bottom: 20px; }
.mb3   { margin-bottom: 30px !important;}
.ml0   { margin-left: 0; }
.ml1   { margin-left: 10%; }
.ml2   { margin-left: 20%; }
.ml1   { margin-left: 10%; }
.ml2   { margin-left: 20%; }
.ml3   { margin-left: 30%; }
.ml4   { margin-left: 40%; }
.ml5   { margin-left: 50%; }
.ml6   { margin-left: 60%; }
.ml7   { margin-left: 70%; }
.ml9   { margin-left: 90%; }
.ml10   { margin-left: 100px; }
.ml11   { margin-left: 110px; }
.ml12   { margin-left: 120px; }
.ml13  { margin-left: 130px; }


.nodisplayblock {
	display: none;
}