/*--------------------------------------------------------------------------------------------------

Gepir Default Stylesheet
(c) Copyright 2006 Thomas Bikeev, GS1

anything reusable, site-wide or generic goes here.

--------------------------------------------------------------------------------------------------*/

body{width:780px !important; width /**/:780px;margin: 0 auto;padding:0px;text-align:left}

/* general GS1 layout HEADER, CONTENT and FOOTER
--------------------------------------------------------------------------------------------------*/
#header {margin-top: 12px;font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}

#header_links {margin-top: -2px;float:  right}
#header_form {margin-top: 18px;float:  right}
#header_image {float: left}

#content {clear: both}
#footer {background-color:  white}

.headerText {font-size: 10px;color: #888888} 
.headerText a:link {font-size: 10px;color: #888888} 
.headerText a:visited {font-size: 10px;color: #888888}
.headerText a:hover {font-size: 10px;color: #ff0000;text-decoration: underline}

.input {font-size: 10px; font-family: Verdana,Arial, Helvetica, sans-serif}
.button {BORDER-RIGHT: #606060 1px solid;border-top: #606060 1px solid; font-size: 10px; border-left: #606060 1px solid; BORDER-BOTTOM: #606060 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.topnav {clear:both;height:25px;padding-left: 10px; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #ffffff; background-color: #f26334;line-height: 25px; }
.topnav a:link {color: #ffffff; text-decoration: none}
.topnav a:visited {color: #ffffff; text-decoration: none}
.topnav a:hover {color: #002c6c;text-decoration: underline} 
.live   { color:#002c6c} 
.topnav a.live:link {color: #002c6c;text-decoration: none} 
.topnav a.live:visited {color: #002c6c;text-decoration: none} 
.topnav a.live:hover {color: #002c6c;text-decoration: underline} 

.breadcrumb {font-size: 11px;color: #aaaaaa;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
.breadcrumb a:link {color: #aaaaaa; text-decoration: none}
.breadcrumb a:visited {color: #aaaaaa; text-decoration: none}
.breadcrumb a:hover {color: #ff0000; text-decoration: underline}

.footerText{font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:10px;color:#888888}
.footerText  img{ float:  left;  margin-top: 3px;  margin-right:  0px; margin-bottom:  0px;  margin-left: 0px  }
.footerText a:link {font-size: 10px; color: #888888; }
.footerText a:visited {font-size: 10px; color: #888888; }
.footerText a:hover {font-size: 10px; color:  #ff0000; text-decoration: underline; }

/* GS1 Styles 
--------------------------------------------------------------------------------------------------*/
td  {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}
th  {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}
p   {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}  
h1, h2, h3, h4, h5, h6 {font-family:  Arial, Helvetica, Sans-serif;margin-bottom: 0px;padding-bottom: 0px; color:#002c6c;font-weight: normal}
h1  {font-size: 24px; line-height:24px; }
h2  {font-size: 20px; line-height:20px; }  
h3  {font-size: 18px; line-height:18px; }
h4  {font-size: 16px; line-height:16px;font-weight:bold}
h5  {font-size: 14px; line-height:14px; }
h6  {font-size: 12px; line-height:12px; }  
ul li   {list-style-type: square} 
ol li {list-style-type: decimal}
ol ol li {list-style-type: lower-alpha}
ol ul li {list-style-type: square}

/* LINKS 
--------------------------------------------------------------------------------------------------*/
a:link {color: #aa6600; text-decoration: none}
a:visited {color: #aa6600;text-decoration: none}
a:hover {color: #ff0000;text-decoration: underline}


/* GEPIR LAYOUT 
--------------------------------------------------------------------------------------------------*/
div.content{float:left;width:780px;padding:0px 0;margin:0px 0}
div.leftside{float:left;width:175px;padding:0px 0;margin:0px 0}
div.spacer{float:left;width:20px;height:300px;padding:0px 0;margin:0px 0}
div.rightside{float:right;width:585px;padding:0px 0;margin:0px 0}

/* LEFT NAVIGATION 
--------------------------------------------------------------------------------------------------*/
.leftnav{border-right:#cccccc 1px solid;padding-right:10px;padding-left:10px;margin-top:-5px;margin-bottom:-5px;border-left:#cccccc 1px solid;background: #F4F4F4; width: 175px;}
.level1 a:link {font-weight:bold; color: #006299; text-decoration:none}
.level1 a:visited {font-weight:bold;color: #006299; text-decoration:none}
.level1 a:hover { font-weight:bold; color:    #ee6234;    text-decoration:underline}
.level2 {line-height: 20px}
.level2 a:link{color:#777777;text-decoration:none}
.level2 a:visited{color:#777777;text-decoration:none}
.level2 a:hover{color:#ff0000;text-decoration:underline}
.level2.live{color:#777777;font-weight:bold}
.scell{height: 16px;
    overflow: hidden; /* Or whatever you desire */}

/* CENTRAL TABS 
--------------------------------------------------------------------------------------------------*/
ul.teaser {list-style-type:none;margin:0;padding:0;text-align:center; }
ul.teaser{width: 550px;margin:5px auto 0;text-align:center}
ul.teaser li{list-style: none; float:left;width: 220px; height:150px;padding: 10px 10px 10px 10px;margin:8px 8px 0 0; }
ul.teaser li{background-color:  #F4F4F4; border: dashed; border-color: #cccccc ; border-width: 1px}
ul.teaser a {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;}
ul.teaser li img {display: block; width: 150px; margin-left:auto; margin-right:auto}
ul.teaser img {margin-top:20px}
img.floatLeft { float: left; margin: 4px; }
img.floatRight { float: right;margin: 4px; }

/* RAILS ERROR LAYOUT 
--------------------------------------------------------------------------------------------------*/
#errorExplanation {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;width: 400px;border: 2px solid red;padding: 7px;padding-bottom: 12px;margin-bottom: 20px;background-color: #f0f0f0;}
#errorExplanation h2 {text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;font-size: 12px;margin: -7px;background-color: #c00;color: #fff;}
#errorExplanation p {color: #333;margin-bottom: 0;padding: 5px;}
#errorExplanation ul li {font-size: 12px;list-style: square;}

.partydisplay { vertical-align:top; border-spacing: 0;width: 100%; }
.partyTitle {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;font-weight: bold;background-color: #f26334;  }
.partyOuterCell {vertical-align:top;border-bottom: 1px solid #f4774d; line-height: 2em;width: 100%; }
.partyDisplayInner { vertical-align:top;width: 100%; }
.partyCell { vertical-align:top;padding-top: 16px;padding-right: 12px;line-height: 2em;width: 50%; }
.responseHeader { padding-top:12px; width:100%; }
.responseHeader td { vertical-align:top; }

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	//filter:alpha(opacity=70);
	opacity:0.7;
}


.closeLoginPanel
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top:8px;
    right: 10px;
}

.closeLoginPanel a
{
    background-color: #002c6c; 
    cursor: pointer;
    color: #FFFFFF; 
    text-align: center; 
    text-decoration: none; 
    padding: 5px;
}

.handcursor
{
 cursor:pointer;
 color: #aa6600;
}

.handcursor:link {color: #aa6600; text-decoration: none}
.handcursor:visited {color: #aa6600;text-decoration: none}
.handcursor:hover {color: #ff0000;text-decoration: none}

.txtlogin
{
 color:Black;
}

.loginPanel
{
 padding: 5px;
 background-color: #DDDDDD;
 border: solid 1px Gray;
 color: Black;
}

#description_HeaderPanel
{
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000;	
}

.btsub {
   width: 48px;
   height: 45px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(image/excelbutton.jpg) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}


.btprint {
   width: 48px;
   height: 45px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(image/printerbutton.gif) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}
img { border:none;
}

.error {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
	font-size:12px;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin: 20px;
	background-color: #f0f0f0;
}