﻿body {
	font-family: 'Open Sans', sans-serif;
	color:#454545;
}

/*  LAYOUT  */
/*  2 COL INVERSÉ  */
.l2colI-left{
	width:20%;
	margin-right:5%;
	float: left;
}
.l2colI-right{
	width:75%;
	float:right;
}
/*  1 COL  */
.l1col{
	width:100%;
}

table{
	width:100%;
}

/*	OTHER	*/
.clear{clear: both; height:0px;}
.floatL{float:left;}
.floatR{float:right;}

.imgLeft{float:left;margin-right:8px;}
.imgRight{float:right;margin-left:8px;}

.tdSpacing{width:100px;}

/*	ANCHOR	*/
a{color:#333333;text-decoration:underline;}
a:hover{color:#336699;text-decoration:none;}
a{outline: none;}

/*	LIST	*/


/*	BUTTON	*/
a.small-button {
	display:  block;	
	padding: 0;
	width:120px;
	height: 24px;
	line-height: 23px;
	text-align:center;
	font-size: 10px;	
	background-image: url(../images/buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	border-right: 1px solid #CCC;
	text-transform: uppercase;
	text-decoration:none;
	color:#ffffff;
	background-position: 0px -250px; 
}

a.small-button:hover {
	color:#ffffff;
	background-position: 0px -250px;
	border-right: 1px solid #238bcd;
	color:#2389ca; background-position: 0px -200px; border-right: 1px solid #CCC;
}

a.button-large {
	background: url(../images/buttons.png) 0px -50px;
	display: block;
	position: relative;
	width: 250px;
	height: 46px;
	line-height: 44px;
	outline: 0;
	text-align: center;
	font-size: 12pt;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
}

a.button-large:hover {
	background-position: 0px 0px;	
	color:#03b0df;
}

/*  TITLES  */
h1, h2, h3, h4, h5 ,h6{
	font-family:'Open Sans', sans-serif;
	margin: 0px  0px  6px  0px;
	line-height: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b{
	color:#529d13;
}

h1{
	color:#2a3f55;
	font-size: 16pt;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0px  0px  0px  0px;
}

h2{
	color:#898989;
	font-size: 11pt;
	text-transform:uppercase;
	margin: 0px  0px  12px  0px;
}

h3{
	color:#dedede;
	font-size: 14px;
}



/*  FORM  */
select {
    border: 1px solid #ccc;
    padding: 4px 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
    box-sizing: content-box;
}

input {
    border: 1px solid #ccc;
    padding: 4px 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
}
	input[type='checkbox']:after {
		line-height: 1.5em;
		content: '';
		display: inline-block;
		width: 18px;
		height: 18px;
		background: #fff;
		border: solid 1px #ccc;
		margin-left: -4px;
		margin-top: -3px;
		line-height: 17px;
	}

	input[type='checkbox']:checked:after {
		content: '✔';
		text-align: center;
	}
    #contentWrapper input[type="checkbox"] {
        margin: 9px 4px;
    }
	input[type='image'] {
		padding: 0px;
	}
        input[type='image']:hover {
            filter: brightness(0.5) invert(0.5);
        }

        .button, input[type='button'], input[type='submit'] {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 0px;
            color: #fff;
            background-color: #0b72aa;
            border-color: #064b84;
        }
		.button:hover, input[type='button']:hover, input[type='submit']:hover {
			background-color: #ededed;
			border-color: #ccc;
			color: #333;
		}

.errorPop{color:#990033;display:none;}
.error{color:#990033;}

.errorMsgToolbar {
    display: block;
    padding: 8px 6px;
    border: solid 1px #C11B17;
    background-color: #ffcdd1;
    color: #C11B17;
    margin: 8px 0px 4px 0px;
}
.noerrorMsgToolbar {
    display: block;
    padding: 8px 6px;
    border: solid 1px #348017;
    background-color: #d7f7c4;
    color: #348017;
    margin: 8px 0px 4px 0px;
}
.MsgToolbar{
	display:block;
	padding:1px 6px 1px 6px;
	border:solid 1px white;
}

#navigator ul a{color:#333333;text-decoration:none;}
#navigator ul a:hover{color:#336699;text-decoration:underline;}
#navigator > div {
	padding-top: 14px;
	padding: 0.5em 0em 0.4em 1.2em;
}


.tblPager, .tblPager span{
	background-color:#ffffff;
	color:#333333;
	font-family: 'Open Sans', sans-serif;
	width:100%;
	font-weight:normal;
}
	.tblPager select, .tblPager input {
		font-family: 'Open Sans', sans-serif;
	}


.GVHeaderStyle th, .GVFooterStyle td {
	background-color: #e5e5e5;
	color: #333333;
	font-weight: normal;
	border-right: solid 1px #c4c4c4;
	padding: 6px 6px;
}
.GVHeaderStyle a{	color:#333333;	text-decoration:none;}
.GVHeaderStyle a:hover{	color:#333333;	text-decoration:underline;}

.GVAlternatingRowStyle, .GVRowStyle {
	border-bottom: dashed 1px #c4c4c4;
}
.GVAlternatingRowStyle td, .GVRowStyle td {
	padding: 6px 6px;
}

.GVFooter{
	background-color:#d0d0d0;
	color:#333333;
}

.datahighlight td {
	background-color: #0672ab;
	color: #ffffff;
}
	.datahighlight td input[type='image'] {
		filter: brightness(0) invert(1);
	}



#divToolbar{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}
#divToolbar div{
	padding:18px 0 8px 0; width:50%;
}
#divToolbar input{}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40%;
}