/*
COLOR PALETTE
DkBlueGreen #1e4552
Orange #f79a10

DkOlive #6b795a
MdOlive #adba8c
LtOlive #cedebd

DkBlue #003658
MenuBlue  #296579
LtBlue #90D4e6
Fontcolor #000
title2 #4393a1
link color blue
cellCol1 bgcolor white 
cellCol2 bgcolor #7ba3ab
cellCol3 bgcolor #D9D9D9 

For IWGSC:
DkYellow #7E4D09
MenuYellow #E4840C 
LtYellow #FFB411
Fontcolor #6C5338
title2 #E1670E
link color #E06B22
cellCol1 bgcolor white 
cellCol2 bgcolor #C5A58D
cellCol3 bgcolor #D9D9D9 

*/


body, html {
	margin:0;
	padding:0;
	background:#FFFFFF;
	color:#4b4b4d;
}

body {
	min-width:1000px;
}

body, p {
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 14px;
	margin		: 0px;
}

h2 {
	font-size: 15px
}

a:visited, a:link, a:hover  {
	font-family : Arial, Helvetica, sans-serif;
}

a:visited, a:link {
   text-decoration : none;
   color           : blue;
}

a:hover  {
	color           : blue;
	text-decoration : underline;
}


div.header {
	background-color : #FFFFFF;
	height: 40px;
	padding: 20px;
}

span.nav {
	padding-left  : 2px;
	padding-right : 2px;
	margin-left: 20px;
}


.nav a {
	color : white;
	font-size: 15px;
	font-weight: bolder;
	margin-bottom: 0px;
	margin-top: 0px;	
}

.nav a:visited, .nav a:link  {
   text-decoration : none;
   color           : white;
}

.nav a:hover  {
	color           : white;
	text-decoration : underline;
}


table.font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.logo {
	position: absolute;
    border: none;
    background-image: none;
    overflow: hidden;
    box-shadow: 0 1px 1px #969696;
    background-color: #d6d6d6;
    background: -moz-linear-gradient(top, white 0, #d6d6d6 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(90%, #d6d6d6));
    background: -webkit-linear-gradient(top, white 0, #d6d6d6 90%);
    background: -o-linear-gradient(top, white 0, #d6d6d6 90%);
    background: -ms-linear-gradient(top, white 0, #d6d6d6 90%);
    background: linear-gradient(to bottom, white 0, #d6d6d6 90%);
    background-repeat: repeat;
    background-repeat: no-repeat;
    height: 78px;
    width: 120px;
    padding: 1px 1px;
    margin: 16px 10px 5px 5px;
}
.logoRight {
    border: none;
    background-image: none;
    overflow: hidden;
    box-shadow: 0 1px 1px #969696;
    background-color: #d6d6d6;
    background: -moz-linear-gradient(top, white 0, #d6d6d6 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(60%, #d6d6d6));
    background: -webkit-linear-gradient(top, white 0, #d6d6d6 60%);
    background: -o-linear-gradient(top, white 0, #d6d6d6 60%);
    background: -ms-linear-gradient(top, white 0, #d6d6d6 60%);
    background: linear-gradient(to bottom, white 0, #d6d6d6 60%);
    background-repeat: repeat;
    background-repeat: no-repeat;
    height: 78px;
    width: 120px;
    padding: 1px 1px;
    margin: 16px 10px 5px 5px;
    float:right;
}

.title {
	text-align: center;
	width: 100%;
	font-size: 47px;
	font-weight: bolder;
	color: #4b4b4d;
	padding-top: 13px;
}


p {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:auto;
}

img.margin {
	margin: 10px 0px 10px 0px
}

hr {
	border: 0;
	width: 100%;
	color: #296579;
	background-color: #296579;
	height: 2px;
}

input, textarea, select {
	font-size: 14px;
	
}

div.spacer {
	clear: both;
}

#wrap {
	background:#FFFFFF;
	margin:0 auto;
	width:100%;
}

#indent {
	background:#FFFFFF;
	margin-left:30px;
	margin-right:30px;
}

#header {
	background:#FFFFFF;
	background-image: url(../config/bandeauHt.jpg);
	background-size: 100% 100%;
	height:96px;
}

#nav {
	background:#296579;
	padding:5px;
	color:white;
}

#title {
	background:#3388BB;
	padding:5px;
	margin-bottom: 10px;
	color : white;
}
#title2 {
	background:#4393a1;
	padding:5px;
	margin-bottom: 10px;
	color : white;
}

#footer {
	background:#FFF;
	border-top:1px solid #296579;
	border-bottom:1px solid #296579;
	clear:both;
}

#footer p {
	margin: 5px 10px 5px 10px;
	font-size: 12px;
	color: gray;
}

div.row {
	clear:both;
	padding-top:5px; 
	width:100%;
	min-height:20px;
        max-height:50px;
	overflow:auto;
}
  
div.row span.label {
  float:left;
  margin-left: 10px;
  width:200px;
  text-align:left;
  overflow:auto;
}

div.row span.formw {
  float:left;
  width:500px;
  text-align:left;
  overflow:auto;
}

div.box {
	border:1px solid #3388BB;
	margin-top: 0px;
	margin-bottom: 10px;
}

table.sortable thead {
    background-color:#3388BB;
    color:white;
    font-weight: bold;
    cursor: pointer;
    overflow:auto;
}
th.cellCol1 {
    background-color: white;
    color:white;
    font-weight: bold;
    cursor: pointer;
    overflow:auto;
}
th.cellCol2 {
    background-color: #7ba3ab;
    color:white;
    font-weight: bold;
    cursor: pointer;
    overflow:auto;
}
th.cellCol3 {
    background-color: #D9D9D9;
    color:white;
    font-weight: bold;
    cursor: pointer;
    overflow:auto;
}
td.cellCol2 {
    background-color: #7ba3ab;
}
td.cellCol3 {
    background-color: #D9D9D9;
}