/* -------------------------------------------------------------------- 
                This style is based on General style definitions
          Atos Worldline Web Applications, v1.6.5
            By Le Studio, Atos Worldline, 2008
-------------------------------------------------------------------- */


/* CSS index (!):
  DEFAULT VALUES
  PAGE BODY STRUCTURE
  HEADER
  FOOTER
  LEFT COLUMN CONTENT
  MAIN BLOCKS
  TABLE SPECIFICS
  FORMS SPECIFICS
  TOOLS PAGES
  EXCEPTIONS & SPECIFICS (used sitewide)
*/

/* ------------------------- !DEFAULT VALUES --------------------------------- */


html {
    font-size: 101%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
   font-family: Arial, Helvetica, Sans-serif;
    font-size: 101%;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
}
form {width: auto;}
* {padding: 0; margin: 0;} /* 0 for all objects */

/* -------------------------- !PAGE BODY STRUCTURE --------------------------- */
/* --------------------------------Start !Maincontainer for min-width: 320px and max-width 640px ---------------------------------- */
	html, body { 
	    height: 97%;   
	} 
	
	
	#maincontainer {
	    height: 100%;
	    min-height: 100%;
	    padding-bottom: 10px;
	    width: 100%;
	}
	
/* --------------------------------End !Maincontainer for min-width: 320px and max-width 640px ---------------------------------- */

@media screen and (min-width:640px) {
	 
	 html, body { 
	    height:100%;   
	}
	 
	 #maincontainer {
	    height: 95.6%;
	    min-height: 95.6%;
	    position: relative;
	    width: 100%;
	    }
	 
	 *+html #maincontainer {
	    left: 5px;
	    width: 98.4%;
	}
}



/* ------------------------------------ !HEADER ------------------------------ */

/* Structural blocks */

#header {
    background:#FFFFFF none repeat scroll 0 0;
    float:left;
    left:10px;
    margin:0;
    position:relative;
    top:0;
    width:98%;
    z-index:99;
}

 *+html #header {
    width:97.6%;
    left:0;
}
#headbar {margin: 0; padding: 0px; float: left;}
#topwrap {
    float: left;
    line-height: 29px;
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 0;
}


.panelHead {
    float: left;
    margin: 15px 0 0 0;
    padding: 5px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 100;
}

#mainContent {
    background: transparent none repeat scroll 0 0;
    float:left;
    left:10px;
    margin:0;
    position:relative;
    top:0;
    width:98%;
    z-index:99;
}

 *+html #mainContent {
    width:97.6%;
    left:0;
}
 
  
#wrapcols {float: left; width: 100%; margin: 32px 0 20px 5px;}
#toolscol {float: left; width: 100px;}
#maincol {float: left; margin: 0px; width: 100%;}
#oneCol {}
#mainct {float: left; width: 100%; text-align: left;}


#mainct {
    width: 100%;
   }
/* */

#logo {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 8px;
}
.card-type {
    bottom:8px;
    float:left;
    position:relative;
    width:auto;
}
.card-type div.creditCard, .card-type div.cardNumber, .card-type div.cardValid, .card-type div.cvv {
    clear: left;
    display: block;
    float: left;
}
.card-icon {
    display:inline;
    position:relative;
}
.cvv_info {
    display:inline;
    font-size:0.8em;
    margin-top:10px;
    position:absolute;
    width:250px;
}
img.card-icon {
    position: relative;
    top: 5px;
    left: 5px;
}
img.ageslogo {
    height:88px;
    width:300px;
}
img.agesfooterlogo {
    padding:0 0 0 15px;
    position:relative;
    top: 3px;
}
#vignette p {padding: 0 30px 0 0; width: auto; }
.userInform {
	clear: both;
    float: left;
    margin: 0 5px;
    padding: 0;
    width: 90%;
}
/* -------------------------------- !FOOTER ---------------------------------- */

/* #footer {
    bottom:0;
    height:35px;   /* Height of the footer */
    /* position: absolute;
    width:800px;
}
#footer {
    *left: 0px!important;
}*/
/* --------------------------------Start !FOOTER for min-width: 320px and max-width 640px ---------------------------------- */

	#footer {
	    float: left;
	    height: auto;
	    width: 100%;
	}
		
	#footer p {
	    float: left;
	    padding: 0;
	    text-align: left;
	    width: 100%;
	}	
	
	#footerbar {
	    float: left;
	    padding-top: 5px;
	    width: 100%;
	}
/* --------------------------------End !FOOTER for min-width: 320px and max-width: 640px ---------------------------------- */

/* --------------------------------Start !FOOTER for min-width: 640px ---------------------------------- */

@media screen and (min-width:640px) {

		#footer {
		    bottom: 0;
		    float: left;
		    height: auto;
		    min-height: 35px;
		    position: relative;
		    width: 100%;
		    }
		 *+html #footer {
		    left: 0;
		 } 
		
		#footerbar { 
		    float: right; 
		    padding-top: 5px;
		} 
		
		#footer p {
		    float: left;
		    padding: 5px 0 0;
		    text-align: left;
		}
}

#idfooterInline {
    font-size: 0.7em;
    padding-right: 0;
    text-align: right;
}
/* -------------------------------- End !FOOTER ---------------------------------- */
/* -------------------------- End !PAGE BODY STRUCTURE --------------------------- */
/* ------------------------- CSS Tabs ------------------------- */
#navlist {
        margin: 0;
        padding: 0;
}

#navlist li {
    border: none;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0 0 0 0;
    padding: 0 1px 0 0;
    float:left;
}
 
#navlist li a {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
#navlist li a:link {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
#navlist li a:visited {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
#navlist li a:focus {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
#navlist li a:hover {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
#navlist li a:active {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
#navlist li a#current {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    white-space:nowrap;
    font-weight: bold;
}
.menueon {
    border:0 none;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    margin:0;
    padding:0 26px 0 24px;
    
}
.menueoff {
    display:block;
    font-size:1.1em;
    font-weight:bold;
    margin:0;
    padding: 0 26px 0 24px;
    
}
/* ------------------------ yui-menu -------------------------- */
.yui-skin-sam .yuimenu {
    line-height: 20px;
    line-height: 20px;
}


#navlist li.yuimenuitem {
    margin: 0px;
}

#navlist li a.yuimenuitemlabel {
    height:20px;
    margin:0;
    padding:1px 5px;
}
.yui-skin-sam .yuimenu ul {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px 0 0;
    padding:0;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
    border-left-width: 1px;
    margin-left: 0px;
    left: 0px;
}
#navlist li.first-of-type {margin-left: 0;}

/* ----------------------- Sub-Menue ----------------------- */
div.sdmenu {
    font-family: Arial, sans-serif;
    font-size: 0.70em;
    color: #fff;
    font-weight:bold;
}
div.sdmenu div {
    background:#000065 none repeat scroll 0 0;
    border:2px solid #BBBBBB;
    overflow: hidden;
    margin-bottom:5px;
    width:100px;
}
div.sdmenu div:first-child {
    background:#000065 none repeat scroll 0 0;
    border:2px solid #BBBBBB;
    margin-bottom:5px;
    width:100px;
}
div.sdmenu div.collapsed {
    height:19px;
    margin-bottom:5px;
    width:100px;
}
div.sdmenu div span {
    display: block;
    padding: 2px 4px 2px 10px;
    font-weight: normal;
    color: #fff;
    background: url(../imgs/expanded.gif) no-repeat 3px 2px;
    cursor: default;
    border-bottom: 1px solid #ddd;
    width: 8.2em;
}
div.sdmenu div.collapsed span {
    background-image: url(../imgs/collapsed.gif);
}
div.sdmenu div.expand span {
    color: #E3E315;
}
div.sdmenu div span#current {
    color: #E3E315;
}
div.sdmenu div a {
    background:#FFFFFF none repeat scroll 0 0;
    border-bottom:2px solid #999999;
    color:#000065;
    display:block;
    padding:5px 10px;
    text-decoration:none;
    white-space:nowrap;
    font-weight:normal;
}
div.sdmenu div a.current {
    background:#000065;
    color:#E3E315;
}
div.sdmenu div a:hover {
    background:#000065 url(../imgs/Rounded.gif) no-repeat scroll center bottom;
    color:#E3E315;
    text-decoration:none;
    font-weight:normal;
} 
div.sdmenu div a:active {
    background:#000065 url(../imgs/Rounded.gif) no-repeat scroll center bottom;
    color:#E3E315;
    text-decoration:none;
    font-weight:normal;
}  

.menues {
    float: left;
    height: 1px;
    background:#000065;
    margin:20px 0 25px 0px;
    width: 100px;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
    padding-right:0;
}

.yuimenuitemlabel {
    display: block;
}
/* Ende Sub-Menue */


/* -------------------------------- ! Page - Panels ---------------------------------- */

.areaId {
    margin-top: 8px;
}
.panelTop h3{
    float:left;
    font-size:0.75em;
    font-weight:normal;
    padding-left:8px;
    text-align:left;
    text-transform:uppercase;
    width:60%;
}
.panelTop {margin: 0;}
.fsPanel {
    margin: 0 7px 0 0;
    padding:0;
    font-size: 89.8%;
}
.fsPanel td {
    font-size: 0.85em;
}
fieldset.fsPanel {padding: 5px 0 5px 0;}
div.fsPanel {padding: 5px 0 5px 0;}
fieldset.book {padding: 10px 0 5px 0;}
div.book {padding: 10px 0 5px 0;}
.book input {width: 19.2em;}
.book select {width: 20em}

.book p.ckb_radio {
    height:1em;
    vertical-align:middle;
    font-size: 100%;
    margin:0 0 5px;
}
.book p.ckb_radio_card {
    float:left;
    font-size:0.9em;
    font-weight:bold;
    margin:0 0 5px 10px;
    text-align:right;
    width:15em;
}
span.ckb_radio_card {
    float:left;
    font-size:0.9em;
    font-weight:bold;
    margin:0 0 5px 10px;
    text-align:right;
    width:15em;
}

.book p.input.ckb {
    display:inline;
    float:left;
    margin:1px 0 0 -3px;
    width:20px;
}

span.ckb_radio_card p.input.ckb {
    float:none;
}

.book p.input.ipckb {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    padding-left:0;
    vertical-align:0;
    width:auto;
}

input.ckb {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    padding-left:0;
    vertical-align:0;
    width:auto;
}

#fsInput label.label-behind-input {
    float: none;
    text-align: left;
    width: auto;
}

 *+html #fsInput label.label-behind-input {
    vertical-align: -2px;
}

#fsInput .two-cols-axles {float: left; width: auto;}
#fsInput .two-cols-axles p {font-size: 100%; width: 100%; display: block;}

#overview {padding-bottom: 8px;}

#servicebar { 
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 30px;
}  

#idUserInline {
    float: left;
    display:inline;
    font-size:0.85em;
    text-align:left;
    padding: 5px 10px 0 9px;
}     
#userName {
    display:block;
    font-weight: normal;
}
a.userbutton, a.userbutton:link  {
    width: auto;
    font-size: 0.70em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 1px 8px 1px 25px;
    margin-left: 10px;
    vertical-align: middle;
}

#idServiceInline {
    height: 20px;
    font-size:0.85em;
    text-align:right;
    padding: 5px 10px 7px 0;
} 
.left_area {
    float:left;
    padding-top:2px;
    white-space:nowrap;
    width:auto;
}
.right_area {
    float: right;
}
.right_area_caption {
    float: right;
    padding-top: 3px;
}


p#fbtbar_right {
    font-size: 0.70em;
}
#fbtbar_right #btsubmit {
    font-size:0.90em;
}
#fbtbar_right #btsubmitfocus {
    font-size:0.90em;
}
.actionBar {
    display:block;
    float:left;
    margin:0;
    padding: 5px 0;
    text-align:right;
    width:99.2%;
}
p.actionBarRight {
    font-size:0.70em;
    margin-right: 7px;
}



#fsInput .functionBarDetails {
    display:inline;
    float:left;
}

#fsInput p.functionBarDetailsRight {
    padding-top:3px;
    width: auto;
    line-height:20px;
}



/* --------------------------------Start !functionBar "input Elements without hover-effects" for min-width: 320px and max-width 640px ---------------------------------- */
#fsInput .functionBar {
	    clear: both;
	    display: block;
	    float: left;
	    margin: 0 auto;
	    text-align: center;
	    width: 99.8%;
	}
	
#fsInput p.functionBarRight {
	    padding: 5px 0;
	}
	
#fsInput p.functionBarRight input.btsubmit, #fsInput p.functionBarRight input.btsubmitfocus  {
	    cursor: pointer;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 5px 0;
	    padding: 6px 0;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: 0;
	    width: 100%;
	}	
#fsInput p.functionBarRight a.btsubmit, #fsInput p.functionBarRight a.btsubmit:link {
    	cursor: pointer;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0;
	    min-width: 10.5em;
	    padding: 7px 0 5px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: -1px;
	    width: 100%;
	}
#fsInput p.functionBarRight a.btsubmitfocus, #fsInput p.functionBarRight a.btsubmitfocus:link {
    	cursor: pointer;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0;
	    min-width: 10.5em;
	    padding: 7px 0 5px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: -1px;
	    width: 100%;
	}

	
#fsInput span.functionBarDetailsRight input.btsubmit, #fsInput span.functionBarDetailsRight input.btsubmitfocus {
	   cursor: pointer;
	    font-size: 0.75rem;
	    font-weight: bold;
	    margin: 5px 0;
	    padding: 6px 0;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 100%;
	}
#fsInput span.functionBarDetailsRight a.btsubmit, #fsInput span.functionBarDetailsRight a.btsubmit:link {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0;
	    padding: 4px 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 100%;
	}
#fsInput span.functionBarDetailsRight a.btsubmitfocus, #fsInput span.functionBarDetailsRight a.btsubmitfocus:link {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0;
	    padding: 4px 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 100%;
	}


/* --------------------------------End !functionBar "input Elements without hover-effects"  for min-width: 320px and max-width 640px ---------------------------------- */

/* --------------------------------Start !functionBar "input Elements without hover-effects" for min-width: 640px ---------------------------------- */

@media screen and (min-width:640px) {
	
	#fsInput .functionBar {
	    display: block;
	    float: left;
	    margin: 0 0 2px;
	    text-align: left;
	    width: 100%;
	    
	}
	
	#fsInput p.functionBarRight {
	    padding: 10px 3px 10px 19.6em;
	    width: auto;
	}
	
	#fsInput p.functionBarRight input.btsubmit, #fsInput p.functionBarRight input.btsubmitfocus {
	    cursor: pointer;
	    display: inline;
	    font-size: 0.7rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 2px;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 10.5em;
	}
		
	#fsInput p.functionBarRight a.btsubmit, #fsInput p.functionBarRight a.btsubmit:link {
	    cursor: pointer;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    min-width: 10.5em;
	    padding: 7px 21px 5px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: -1px;
	    width: auto;
	}
	#fsInput p.functionBarRight a.btsubmitfocus, #fsInput p.functionBarRight a.btsubmitfocus:link {
	    cursor: pointer;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    min-width: 10.5em;
	    padding: 7px 21px 5px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: -1px;
	    width: auto;
	}
	
	
	#fsInput span.functionBarDetailsRight {
	    clear: left;
	    float: left;
	    line-height: 20px;
	    margin: 0 0 0 14.7em;
	    padding-top: 3px;
	    width: auto;
	}
	
	#fsInput span.functionBarDetailsRight input.btsubmit, #fsInput span.functionBarDetailsRight input.btsubmitfocus {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.7rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 2px;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 10.5em;
	}
	
	    
	#fsInput span.functionBarDetailsRight a.btsubmit, #fsInput span.functionBarDetailsRight a.btsubmit:link {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 9.7em;
	}
	
	#fsInput span.functionBarDetailsRight a.btsubmitfocus, #fsInput span.functionBarDetailsRight a.btsubmitfocus:link {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 9.7em;
	}
	
}
/* --------------------------------End !functionBar "input Elements without hover-effects" for min-width: 640px ---------------------------------- */


/* --------------------------------Start !functionBar "input Elements "WITH" hover-effects" for min-width: 1281px ---------------------------------- */

@media screen and (min-width:1281px) {

	#fsInput p.functionBarRight input.btsubmit, #fsInput p.functionBarRight input.btsubmit:hover {
	    cursor: pointer;
	    display: inline;
	    font-size: 0.7rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 2px;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 10.5em;
	}
	#fsInput p.functionBarRight input.btsubmitfocus, #fsInput p.functionBarRight input.btsubmitfocus:hover {
	    cursor: pointer;
	    display: inline;
	    font-size: 0.7rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 2px;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 10.5em;
	}
	
	
	#fsInput p.functionBarRight a.btsubmit, #fsInput p.functionBarRight a.btsubmit:link, #fsInput p.functionBarRight a.btsubmit:hover {
	    cursor: pointer;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    min-width: 10.5em;
	    padding: 7px 21px 5px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: -1px;
	    width: auto;
	}
	#fsInput p.functionBarRight a.btsubmitfocus, #fsInput p.functionBarRight a.btsubmitfocus:link, #fsInput p.functionBarRight a.btsubmitfocus:hover {
	    cursor: pointer;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    min-width: 10.5em;
	    padding: 7px 21px 5px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align: -1px;
	    width: auto;
	}

	#fsInput span.functionBarDetailsRight input.btsubmit, #fsInput span.functionBarDetailsRight input.btsubmit:hover {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.7rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 2px;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 10.5em;
	}
	#fsInput span.functionBarDetailsRight input.btsubmitfocus, #fsInput span.functionBarDetailsRight input.btsubmitfocus:hover {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.7rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 2px;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 10.5em;
	}
	
	    
	#fsInput span.functionBarDetailsRight a.btsubmit, #fsInput span.functionBarDetailsRight a.btsubmit:link, #fsInput span.functionBarDetailsRight a.btsubmit:hover {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 9.7em;
	}
	#fsInput span.functionBarDetailsRight a.btsubmitfocus, #fsInput span.functionBarDetailsRight a.btsubmitfocus:link, #fsInput span.functionBarDetailsRight a.btsubmitfocus:hover {
	    clear: left;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0.75rem;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin: 0 3px;
	    padding: 4px 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 9.7em;
	}

}


/* --------------------------------End !functionBar "input Elements "WITH" hover-effects" for min-width: 1281px ---------------------------------- */

.tdfunctionBarRight {
	text-align: right;
	border: none;
	padding: 3px 0;
}

.tdfunctionBarRight p.functionBarRight {
	padding: 0;
}

.tdfunctionBarRight p.functionBarRight input {
	margin: 0;
}

label.labelfunctionBarRight {
	margin: 14px 0 0;
    white-space: nowrap;
}

.showDeledBar {
    display:block;
    float:left;
    margin:0;
    padding: 5px 0;
    text-align:right;
    width:100%;
}
p.showDeledBarRight {
    font-size:0.7em;
    padding:0;
    width:99.2%;
}
label.showDeled {
    float: none;
    margin-left: 3px;
    font-size: 100%;
}
/* -------------------------------- End ! Page - Panels ---------------------------------- */


img {border: 0;}
hr {display: none;}


/* Page title */
h1 {
    font-size:1.00em;
    font-weight:bold;
    padding: 5px 7px 5px 15px;
}

h2 {
    font-size:0.95em;
    font-weight:bold;
    padding: 5px 7px 5px 15px;
    text-align:left;
    text-transform:none;
}

h2 a, h2 a:link, h2 a:visited {
    font-size: 0.95em;
    font-weight: normal;
    text-decoration: underline;}
h2 a:focus {
    font-size: 0.95em;
    font-weight: normal;
    text-decoration: underline;}
h2 a:hover {
    font-size: 0.95em;
    font-weight: normal;
    text-decoration: underline;
}
h2 a:active {
    font-size: 0.95em;
    font-weight: normal;
    text-decoration: underline;
}

h3 {
    font-size:0.90em;
    font-weight:bold;
    padding: 5px 7px 5px 15px;
}

h4 {
    font-size:0.80em;
    padding: 5px 7px 5px 15px;
    text-transform:uppercase;
}
.areaId h4 {
    font-size:0.80em;
    padding: 0 7px 0 8px;
    text-transform:uppercase;
}
.panelHead h1 {
    font-size:0.9em;
    font-weight:bold;
    padding:0 7px 0 15px;
    text-transform:uppercase;
}
p, ul, dl {font-size: 0.75em; display: block;}

ul {
    float:left;
    margin:5px 0;
    padding:0 0 0 40px;
}
li {padding: 8px 0 0 5px;}

a:link {text-decoration: underline;}
a:visited {text-decoration: none;}
a:focus {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    font-size: 0.8rem;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 0;
    text-align: left;
    text-transform: uppercase;
}

th {
    font-size: 0.85em;
    font-weight: normal;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
*+html  th {
     font-size: 0.75em;
 }
th a, th a:link {text-decoration: underline;}
th a:visited {text-decoration: underline;}
th a:focus {text-decoration: none;}
th a:hover {text-decoration: none;}
th a:active {text-decoration: none;}

td {
    font-size: 0.7em;
    text-align: center;
    padding: 3px 2px;
}

acronym, abbr {border-bottom: 1px dashed #000; cursor: help;}

/* FORM DEFAULT VALUES */
form h4 {
    font-size:0.75em;
    padding: 0 7px 0 8px;
    text-transform:uppercase;
}
fieldset {clear: both; padding: 8px 0 8px 0;}
fieldset p {width: 100%;}


legend {
    display:block;
    margin: 5px 0 10px 15px;
    padding-left:5px;
    padding-right:5px;
    font-size: 0.85em;
    font-weight: bold;
    float: left;
}
label {
  float: left;
  width: auto;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 2px 0 5px 10px;
}

input {font-size: 0.80em; margin: 0 0 5px 0; padding: 2px 4px;}
select {font-size: 0.80em; margin: 0; height: 20px; padding: 0;}
option {padding-right: 8px;}
textarea {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  padding: 2px;
  margin: 0 0 5px 8px;
}
select.language {
    font-size:0.80em;
    margin:0 0 5px 0;
    height: 20px;
}


/* Tools links */

#tools {
    text-align: right;
    padding-right: 25px;
    margin:15px 0;
    float: right;
    width: auto;
 }
 *+html  #tools {
    padding-right: 35px;
  }
#tools li {display: inline;}
#tools a, #tools a:link, #tools a:visited {
    cursor:pointer;
    font-size:0.75em;
    padding-right:10px;
    padding-left:10px;
    text-decoration:underline;
    float: left;
}
#tools a:focus {text-decoration: none;}
#tools a:hover {text-decoration: none;}
#tools a:active {text-decoration: none;}

#tools select {
	float: right;
	clear: right;
}

/* Logo Link*/
a.logo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-right: 10px;
    text-decoration: none;
}
a.logo:link {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-right: 10px;
    text-decoration: none;
}
a.logo:visited {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-right: 10px;
    text-decoration: none;
}
a.logo:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-right: 10px;
    text-decoration: none;
}
a.logo:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-right: 10px;
    text-decoration: none;
}
a.logo:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-right: 10px;
    text-decoration: none;
}

/* Logo Link*/
a.logo_atos {float: right; position: relative; top: 15px; right: 15px; text-decoration: none; background: transparent;}
a.logo_atos:link {float: right; position: relative; top: 15px; right: 15px; text-decoration: none; background: transparent;}
a.logo_atos:visited {float: right; position: relative; top: 15px; right: 15px; text-decoration: none; background: transparent;}
a.logo_atos:focus {float: right; position: relative; top: 15px; right: 15px; text-decoration: none; background: transparent;}
a.logo_atos:hover {float: right; position: relative; top: 15px; right: 15px; text-decoration: none; background: transparent;}
a.logo_atos:active {float: right; position: relative; top: 15px; right: 15px; text-decoration: none; background: transparent;}

p.logo {font-size:0.70em; padding-top: 15px; white-space:nowrap; width: auto;}    

/* User Link */
a.userName {text-decoration: underline; background: transparent; font-size: 1.10em;}
a.userName:link {text-decoration: underline; background: transparent; font-size: 1.10em;}
a.userName:visited {text-decoration: underline; background: transparent; font-size: 1.10em;}
a.userName:focus {text-decoration: underline; background: transparent; font-size: 1.10em;}
a.userName:hover {text-decoration: underline; background: transparent; font-size: 1.10em;}
a.userName:active {text-decoration: underline; background: transparent; font-size: 1.10em;}

/* Footer Link */
a.afooter {background:transparent none repeat scroll 0 0; font-size:1.1em;  font-weight:bold; text-decoration:none; padding:0 5px; letter-spacing:1px;}
a.afooter:link {background:transparent none repeat scroll 0 0; font-size:1.1em; font-weight:bold; text-decoration:none; padding:0 5px; letter-spacing:1px;}
a.afooter:visited {background:transparent none repeat scroll 0 0; font-size:1.1em; font-weight:bold; text-decoration:none; padding:0 5px; letter-spacing:1px;}
a.afooter:focus {background:transparent none repeat scroll 0 0; font-size:1.1em; font-weight:bold; text-decoration:underline; padding:0 5px; letter-spacing:1px;}
a.afooter:hover {background:transparent none repeat scroll 0 0; font-size:1.1em; font-weight:bold; text-decoration:underline; padding:0 5px; letter-spacing:1px;}
a.afooter:active {background:transparent none repeat scroll 0 0; font-size:1.1em; font-weight:bold; text-decoration:underline; padding:0 5px; letter-spacing:1px;}

/* TABS */

#tabbar {height: 40px; text-align: right;}
#tabbar li {
  float: left;
  width: auto;
  list-style-type: none;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 10px 22px 10px;
  margin-right: 2px;
}
#tabbar a, #tabbar a:link, #tabbar a:visited {text-decoration: none;}
#tabbar a:focus {text-decoration: none;}
#tabbar a:hover {text-decoration: none;}
#tabbar a:active {text-decoration: none;}

/* Skip main menu link */
p#skipmenu {display: none;}

/* Breadcrumbs */
#bdcrumbs {
  clear: left;
  font-size: 0.8em;
  text-align: left;
  margin: 3px 2px 0 0;
}

/* ADAPTATIONS FOR ONE COLUMN PAGES */
/* Identification box */

#idInline {
  position: absolute;
  right: 0;
  bottom: 15px;
  font-size: 0.7em;
  text-align: right;
  padding-right: 0px;
}
#idInline #userName {display: inline;}


/* ------------------------ !LEFT COLUMN CONTENT   ---------------------------- */

#toolscol p {margin: 0 0 10px 0;}

#idbox { 
    border:none;
    float:left;
    margin:0;
    text-align:center;
    width:auto;
} 
   
#idbox p {
    font-size:0.75em;
    font-weight:bold;
    margin:0;
    padding:0;
}
#idbox a, #idbox a:link {
    font-weight:bold; 
    width: 100px; 
    margin:0 0 5px;
    font-size:0.65em;
    padding:3px 3px 4px 20px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:77px;
}
#idbox a:visited {
    font-weight:bold; 
    width: 100px; 
    margin:0 0 5px;
    font-size:0.65em;
    padding:3px 3px 4px 20px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:77px;
}
#idbox a:focus {
    font-weight:bold; 
    width: 100px; 
    margin:0 0 5px;
    font-size:0.65em;
    padding:3px 3px 4px 20px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:77px;
}
#idbox a:hover {
    font-weight:bold; 
    width: 100px; 
    margin:0 0 5px;
    font-size:0.65em;
    padding:3px 3px 4px 20px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:77px;
}
#idbox a:active {
    font-weight:bold; 
    width: 100px; 
    margin:0 0 5px;
    font-size:0.65em;
    padding:3px 3px 4px 20px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:77px;
}
#userName {display: block; font-weight: bold;}

#toolscolbts {float:left;}
#toolscolbts ul {font-size: 0.95em; list-style: none;}
#toolscolbts li {width: 100px; margin: 0 0 5px 0;}

/* Tools' buttons */
#thome, #tcontact, #thelp, #tlogout {text-align: center;}
#toolscolbts a, #toolscolbts a:link  {
    display: block;
    width: 77px;
    font-size: 0.65em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 3px 2px 20px;
    vertical-align: middle;
}
#toolscolbts a:visited  {
    display: block;
    width: 77px;
    font-size: 0.65em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 3px 2px 20px;
    vertical-align: middle;
}

#toolscolbts a:focus  {
    display: block;
    width: 77px;
    font-size: 0.65em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 3px 2px 20px;
    vertical-align: middle;
}

#toolscolbts a:hover  {
    display: block;
    width: 77px;
    font-size: 0.65em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 3px 2px 20px;
    vertical-align: middle;
}

#toolscolbts a:active  {
    display: block;
    width: 77px;
    font-size: 0.65em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 3px 2px 20px;
    vertical-align: middle;
}

/* Sets cursor for Help button */
#thelp {cursor: pointer;}

/* Language choice select list */
#frLang {padding: 5px 0; margin-bottom: 15px;}
#frLang p {margin: 5px 0 0 0;}
#frLang label {margin-left: -3000px;}
#ipOk {padding: 1px 2px; cursor: pointer;}

/* ----------------------------- !MAIN BLOCKS -------------------------------- */

/* --- SUB-SECTIONS BAR AND LINKS --- */
#subsecbar {  
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 2px;
    margin-top:10px;
    margin-bottom: 0px;
    vertical-align: middle;
}
#subsecbar li {display: inline;}
#subsecbar li.liFst {margin-left: 3px;}
#subsecbar a, #subsecbar a:link, #subsecbar a:visited {
    width: auto;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 8px 2px 10px;
    margin-left: -3px;
}
#subsecbar a:focus {text-decoration: none;}
#subsecbar a:hover, #subsecbar a:active {text-decoration: none;}

/* current page button */
#btpgon {
    width: auto;
    height: 17px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding:2px 8px 2px 15px;
    margin-left: -3px;
}

a.btlink, a.btlink:link, a.btlink:visited {
    width: auto;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 8px 2px 25px;
}
a.btlink:focus {text-decoration: none;}
a.btlink:hover, a.btlink:active {text-decoration: none;}

/* --- THIRD LEVEL NAVIGATION BAR AND LINKS --- */
#l3bar {
  float: left;
  width: 100%;
  text-align: left;
  padding-bottom: 2px;
  margin-bottom: 5px;
  vertical-align: middle;
}
#l3bar li {display: inline;}
#l3bar a, #l3bar a:link, #l3bar a:visited {
    width: auto;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 8px;
}
#l3bar a:focus {text-decoration: none;}
#l3bar a:hover, #l3bar a:active {text-decoration: none;}

/* current third level page button */
#btpg3on {
    width: auto;
    height: 17px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 8px;
}

/* --- ACTION BUTTONS BAR --- */
#btbartop, #btbarbot {
    float: left;
    width: 100%; 
    text-align: right;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
}
#btbarbot {margin: 20px 0 0 0;}

#btbartop h3, #btbarbot h3 {
    float: left;
    width: auto;
    font-size: 0.75em;
    padding-left: 7px;
    padding-top: 2px;
}
#btbarbot p {padding: 3px;}
#btbartop p {padding: 3px;}
.btbartop{
    margin: 0 0 0 0;
    padding: 5px 3px 0 0;
    min-height: 23px;
}



/* Back to top of page/Back to list links */
#bksBox {float: left; width: 100%; text-transform: uppercase; margin-top: 20px;}
#pBack {float: left; width: 20%; padding-top: 5px;}
#pBkTop {float: right; width: 20%; text-align: right; padding-top: 5px;}
#pBack a {padding: 3px 0 0 23px;}
#pBkTop a {padding: 5px 23px 0 0;}

/* --- LIST PAGINATION --- */
div.pagination {
  float: left;
  width: 100%;
  padding-top: 6px;
  margin: 0;
}

p.total {float: left; width: 20%; text-align: center;}
p.resNum {float: left; width: 37%; text-align: left;}
#fsInput p.resNum label {font-size: 100%; margin-right: 0; padding:0 10px 0 0; width: auto;}
#fsInput p.resNum select {margin-bottom: 2px; font-size: 90%; vertical-align: -2px;}

p.pagNums {float: right; width: 37%; text-align: right;  margin-right:7px;}

/*--- TREE-VIEW PAGE STRUCTURE ---*/

#treeStruct {
  float: left;
  width: 99.8%;
  padding: 15px 0;
}
#treeBox {
  float: left;
  overflow: auto;
  width: 25%;
  height: 200px;
  margin-left: 1%;
}
#itemBox {
  float: right;
  width: 70%;
  margin-right: 1%;
}
      
/* ---------------------------- !TABLE SPECIFICS ----------------------------- */

/* exceptions */
th.tdrgt {text-align: right;}
th.tdctr {text-align: center;}
th.tdlft {text-align: left;}
td.tdrgt {text-align: right;}
td.tdctr {text-align: center;}
td.tdlft {text-align: left;}
td.tdb {font-weight: bold;}
td.norgtm  {border-right: 0;}
td.norgtml  {text-align: left; border-right: 0;}

/* sorting */
a.sort {vertical-align: -3px;}

/* Buttons for tables */
a.inlineBt:link, a.inlineBt:visited {
  float: left;
  width: 19px;
  height: 19px;
  padding: 1px;
  margin-right: 3px; 
}
a:focus.inlineBt {background: #069;}
a:hover.inlineBt {background: #069;}
a:active.inlineBt {background: #069;}
.inlineBtOff {
  float: left;
  width: 19px;
  height: 19px;
  padding: 1px;
  margin-right: 3px;
}
a.inlineBt img, .inlineBtOff img {vertical-align: bottom;}


/* --------------------------- !FORMS SPECIFICS ------------------------------ */

/* main form title ... while "legend" is not fully compatible */
/* Three different IDs were created, but avoid having more than two in 
the same page though */
#fhead, #fhead2, #fhead3 {
    margin: 20px 0 0;
    padding: 5px 0 0;
    text-align:left;
    text-transform:uppercase;
    float: left;
    width: 100%;
}
#fhead h3, #fhead2 h3, #fhead3 h3 {
    float: left;
    width: 60%;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    padding-left: 8px;
}

/* Bar of form buttons and links */
#fbtbar {
    display:block;
    float:left;
    margin:0;
    text-align:right;
    width:100%;
    padding-bottom: 5px;
} 
#fbtbar_left {
    float:left;
    width:auto;
}
#ftbar_right {
    float:right;
    padding:5px 10px 5px 0;
    width:auto;
}
div.fbtbar {display: block; text-align: right; margin: 10px 0 20px 0;}
/* definition of backgrounds for buttons  */

/* submit button */
#btsubmit {
    cursor:pointer;
    font-size:0.8em;
    margin:0 8px 0 15px;
    padding:1px 3px;
    text-transform:uppercase;
}
#btsubmit input:hover {
    cursor:pointer;
    font-size:0.8em;
    margin:0 8px 0 15px;
    padding:1px 3px;
    text-transform:uppercase;
}

#btsubmit.btcreate_fieldset{
    padding: 1px 8px 0px 25px;
}
#btsubmit.btupdate_fieldset {
  padding: 1px 8px 1px 25px;
}
#btsubmit.btnewaccount_fieldset {
  padding: 1px 8px 1px 25px;
}


.btsubmit {
    cursor:pointer;
    font-size:0.8em;
    margin:0 8px 0 15px;
    padding:1px 3px;
    text-transform:uppercase;
}

input.btcreate_fieldset{
    padding: 1px 8px 1px 25px;
    cursor:pointer;
    font-size:0.90em;
    text-transform:uppercase;
}
input.btupdate_fieldset {
  cursor:pointer;
    font-size:0.90em;
    padding:1px 8px 1px 25px;
    text-transform:uppercase;
}
input.btnewaccount_fieldset {
  padding: 1px 8px 1px 25px;
  cursor:pointer;
    font-size:0.90em;
    text-transform:uppercase;
}


input.new {
    width: auto;
}
/* reset button */
#btcancel {
    font-size:0.9em;
    margin:0 10px 0 15px;
    cursor:pointer;
    padding:1px 3px;
    text-transform:uppercase;
}

input.btcancel {
    cursor:pointer;
    font-size:0.8em;
    font-weight:bold;
    letter-spacing:1px;
    padding:2px 10px;
    margin:0 8px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
*+html input.btcancel {
    padding:3px 10px 1px 10px;
}
input.btback {
    cursor:pointer;
    font-size:0.8em;
    font-weight:bold;
    letter-spacing:1px;
    padding:2px 10px;
    margin:0 8px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
*+html input.btback {
    padding:3px 10px 1px 10px;
}
/* Optional validation action button - other than submit */
/* It appears as a link on the form, not input tag */
a#btcancel, a#btcancel:visited {
    text-transform: uppercase;
    text-decoration: none;
}
a#btcancel:focus {
    text-transform: uppercase;
    text-decoration: none;
}
a#btcancel:hover {
    text-transform: uppercase;
    text-decoration: none;
}
a#btcancel:active {
    text-transform: uppercase;
    text-decoration: none;
}
th.downbt a#btcancel, th.downbt a#btcancel:visited {
    text-transform: uppercase;
    text-decoration: none;
}
th.downbt a#btcancel:focus, th.downbt a#btcancel:hover {
    text-transform: uppercase;
    text-decoration: none;
}
th.downbt a#btcancel:active {
    text-transform: uppercase;
    text-decoration: none;
}
th.downbt a.btAction, th.downbt a.btAction:visited {
    cursor: pointer;
    float: left;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 8px;
    padding: 1px 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
*+html  th.downbt a.btAction, th.downbt a.btAction:visited {
   padding: 1px 12px;
}

th.downbt a.btAction:focus {
    cursor: pointer;
    float: left;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 8px;
    padding: 1px 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
 }
*+html  th.downbt a.btAction:focus {
   padding: 1px 12px;
}

th.downbt a.btAction:hover {
    cursor: pointer;
    float: left;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 8px;
    padding: 1px 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
*+html  th.downbt a.btAction:hover {
   padding: 1px 12px;
}
th.downbt a.btAction:active {
    cursor: pointer;
    float: left;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 8px;
    padding: 1px 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
 }
*+html  th.downbt a.btAction:active {
   padding: 1px 12px;
}
a.btAction, a.btAction:visited {
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    padding: 2px 22px 1px;
    margin:0 8px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
*+html  a.btAction, a.btAction:visited {
    padding: 2px 18px 1px;
   }

a.btAction:focus{
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    padding: 2px 22px 1px;
    margin:0 8px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
*+html  a.btAction:focus {
    padding: 2px 18px 1px;
   }
a.btAction:hover{
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    padding: 2px 22px 1px;
    margin:0 8px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
*+html  a.btAction:hover {
    padding: 2px 18px 1px;
   }
a.btAction:active{
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    padding: 2px 22px 1px;
    margin:0 8px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
*+html  a.btAction:active {
    padding: 2px 18px 1px;
   }
a.btActionBack, a.btActionBack:visited {
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    margin:0 8px;
    padding:2px 32px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
a.btActionBack:focus {
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    margin:0 8px;
    padding:2px 32px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
a.btActionBack:hover {
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    margin:0 8px;
    padding:2px 32px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}
a.btActionBack:active {
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:1px;
    margin:0 8px;
    padding:2px 32px;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:-1px;
}

span.btWidth a {width: 10em;}
a.btcancel, a.btcancel:visited {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 8px 0 8px;
    padding: 1px 5px; 
    font-size: 0.90em;
    cursor: pointer;
}
*+html a.btcancel, a.btcancel:visited {
   vertical-align: 5px;
 }
a.btcancel:focus {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 8px 0 8px;
    padding: 1px 5px; 
    font-size: 0.90em;
    cursor: pointer;
}
*+html a.btcancel:focus {
   vertical-align: 5px;
 }
a.btcancel:hover {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 8px 0 8px;
    padding: 1px 5px; 
    font-size: 0.90em;
    cursor: pointer;
}
*+html a.btcancel:hover {
   vertical-align: 5px;
 }
a.btcancel:active {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 8px 0 8px;
    padding: 1px 5px; 
    font-size: 0.90em;
    cursor: pointer;
}
*+html a.btcancel:active {
   vertical-align: 5px;
 }
a.btdelete_fieldset, a.btdelete_fieldset:link {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}
a.btdelete_fieldset:visited {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}
a.btdelete_fieldset:focus {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
} 
a.btdelete_fieldset:hover {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
} 
a.btdelete_fieldset:active {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
} 

a.btundelete_fieldset, a.btundelete_fieldset:link {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}
a.btundelete_fieldset:visited {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}
a.btundelete_fieldset:focus {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}
a.btundelete_fieldset:hover {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}
a.btundelete_fieldset:active {
    padding: 1px 8px 0px 25px;
    margin-left: 8px;
}

/* ACTION BUTTONS - with icons */
a.actionbutton, a.actionbutton:link, a.actionbutton:visited {
  text-decoration: none;
  padding: 2px 8px 1px 25px;
  margin-left: 8px;
  text-transform: uppercase;
}
a.actionbutton:focus {
  text-decoration: none;
  padding: 2px 8px 1px 25px;
  margin-left: 8px;
  text-transform: uppercase;
}
a.actionbutton:hover{
  text-decoration: none;
  padding: 2px 8px 1px 25px;
  margin-left: 8px;
  text-transform: uppercase;
}
a.actionbutton:active {
  text-decoration: none;
  padding: 2px 8px 1px 25px;
  margin-left: 8px;
  text-transform: uppercase;
}
.checkboxDeled {
    margin:5px 0 0;
    vertical-align:-2px;
}
select.export {
    font-size:0.9em;
    margin:0 0 5px;
    width:50px;
    border: 0;
}

/* Main fieldset block */

fieldset.fsMain {margin:0; text-align: left; padding: 8px 0;}
div.fsMain {margin:0 0 0 0; text-align: left; padding: 8px 0;}
fieldset.search {border: none;}
div.search {border: none;}
/* if label is on checkbox or radio */
.lblike {
  float: left;
  width: auto;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 0 10px;
}
label.lbnone {float: none; display: inline; margin: 0; vertical-align: 4px;}
label.lbhide {display: none;}

/* For checkbox or radios */

input.ipckb, input.ckb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    float: none;
    padding-left: 0;
    position: relative;
    top: 2px;
    width: 15px;
}
/* ------------------------- Trenner  ------------------------- */

#fsInput .two-cols.detailPanTrenner {
	
}
#fsInput .trenner {
    height: 3px;
    line-height: 3px;
    margin: 15px 20px 15px 5em;
    min-width: 503px;
    text-align: left;
    width: auto;
}

/* Input form */

#fsInput {clear: both; padding: 8px 0 8px 0;}
#fsInput p {width: 100%;}
#fsInput p.information {
	float:left;
	font-weight:bold;
	margin:10px;
	padding:4px 3px;
	text-align:center;
	width:100%;
}

#fsInput p.information span {
	border-bottom:3px outset #264BA4;
	border-top:3px outset #264BA4;
	font-size:1.2em;
	padding:2px;
	width:auto;
}

#tools p.information {
	color: #FF0000;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    width: 100%;
	
}


#fsInput div.session-error {
	float:left;
	font-weight:bold;
	margin:10px;
	padding:3px;
	text-align:center;
	width:100%;
	background-color:#264BA4;
	color:#FFFFFF;
	font-weight:bold;
}
#fsInput {margin-bottom: 0; margin-left: 0; margin-right: 10px;}
#fsInput label {width: 16em;}
#fsInput .lblike {width: 20%;}
#fsInput select {height: 22px; margin: 0 0 3px 0; padding: 0;}
#fsInput select.selectCreate {width: 20em;}
#fsInput select.date {
	display: inline;
    float: left;
    margin-right: 6px;
    width: 9.8em;
}
#fsInput textarea {margin: 0; padding: 2px; font-size: 0.9em;}
#fsInput .two-cols {float: left; width: 100%; margin: 0 0 2px 0;}
#fsInput .label-two-cols {display: inline; float: left; width: 16%; font-size: 0.7em; font-weight: bold; margin: 0 10px;}
#fsInput .input-two-cols {display: inline; float: left; width: 15em; margin: 0 10px 0 0;}
#fsInput .input-two-cols input {width: 19em;}
#fsInput .label-three-cols {display: inline; float: left; width: 20%; font-size: 0.7em; font-weight: bold; margin: 0 10px;}
#fsInput .input-three-cols {display: inline; float: left; margin-right:5px; margin-bottom:5px;}
#fsInput .input-three-cols_cards {display: inline; float: left; margin-right:5px; margin-bottom:5px; width: 100%;}
#fsInput .input-three-colsTimeopt {display: inline; float: left; margin: 0 5px 8px 0;}
#fsInput input.input-three-colsPrise {width: auto;}
#fsInput .input-three-cols_before {display: inline; float: left; margin: 3px; width: 100px;}
#fsInput .button-three-cols {display: inline; float: left; margin: 0 0 0 10px;}
#fsInput .label-many-cols {display: inline; float: left; width: 10%; font-size: 0.7em; font-weight: bold; margin: 0 10px;}
#fsInput .many-cols {display: inline; float: left; font-size: 0.7em; font-weight: bold; margin: 0 10px; vertical-align: text-top;}
#fsInput .check {display: inline; float: left; vertical-align: -2px; width: 10%; font-size: 0.7em; font-weight: bold; margin: 0 10px; padding: 2px 0 0 0;}
#fsInput .config {display: inline; float: left; margin: 0 0 0 8px; width: auto;}
#fsInput .services {width: 152px; text-align: left; font-size:0.75em;}
#fsInput #widthAutoSelect {width: auto; margin: 0 10px 0 0;}
#fsInput #widthSelect {width: 12em; margin: 0 10px 0 0;}
#fsInput a.btInline {font-size:0.75em;}
#fsInput a.btInline:link {font-size:0.75em;}
#fsInput a.btInline:visited {font-size:0.75em;}
#fsInput a.btInline:hover {font-size:0.75em;}
#fsInput a.btInline:active {font-size:0.75em;}
p.search {width: auto;}
p.search label {float: none; font-size: 0.9em; font-weight: bold;}
select.search {width: 150px; vertical-align: 4px;}
.balance label {width: 13em;}
.input-two-cols {display: inline; float: left;}
.two-cols {float: left; width: 100%; margin: 0 0 2px 5px;}
#fsInput .radio_check-tow-cols input {display:inline; float:left; width: auto; text-align: left; margin-top:3px;}
#fsInput .check-tow-cols input {
	background-color: #FFFFFF;
    border: medium none #FFFFFF;
    margin-right: 0;
    padding: 0;
    width: auto;
 }
#fsInput a.gotoDetail {font-size: 0.85em;}
#fsInput a.gotoDetail:link {font-size: 0.85em;}
#fsInput a.gotoDetail:visited {font-size: 0.85em;}
#fsInput a.gotoDetail:hover {font-size: 0.85em;}
#fsInput a.gotoDetail:active {font-size: 0.85em;}

a.go { padding: 0; vertical-align: -5px;}
a.go:link { padding: 0; vertical-align: -5px;}
a.go:visited { padding: 0; vertical-align: -5px;}
a.go:hover { padding: 0; vertical-align: -5px;}
a.go:active { padding: 0; vertical-align: -5px;}


/**  definitions for finder area **/
#fsInput .label-three-cols-finder {display: inline; float: left; font-size: 0.8em; font-weight: bold; line-height: 1em;}
#fsInput .input-three-cols-finder {display: inline; float: left; padding: 0; margin: -3px 10px 10px 0; line-height: 1em;}
#fsInput .checkbox-three-cols-finder {display: inline; float: left; padding: 0; margin: 0 10px 10px 0;  line-height: 1em;}
#fsInput .input-three-cols-finder input {width: 150px; height: 14px; font-size: 0.80em;} 
#fsInput .many-cols-finder {display: inline; float: left; margin: 0 10px; vertical-align: text-top; width: 100%; line-height: 1em;}
#fsInput .label-behind-input-finder {display: inline; float: left; font-size: 0.8em; text-align: left; width: 10%; line-height: 1em;}
#fsInput .label-behind-input-finder label {margin: 0 10px 0 0;}
#fsInput label.finder {text-align: left;}
#fsInput label.finder_Filter {margin: 0 10px 0 8px;}
#fsInput .button-three-cols-finder {display: inline; float: left; width: auto; padding: 0; text-align: center; height: 14px; margin: -3px 10px 10px 0;  line-height: 1em;}
#fsInput .finderBtn {margin: 0; padding:0; font-size: 0.80em;}

/* comments */
.fcomts {font-size: 0.65em; vertical-align: top;}

/* mandatory fields */
#mandatmess {
    float:right;
    padding-right:5px;
    width:auto;
    text-align: right;
}
#mandatmess img {vertical-align: -5px;}
/* to position calendar on form */
.calendar {vertical-align: -2px; z-index: 999;}

/* to position help icon */
.picHelp {vertical-align: 0;}

/* Contextual error messages */
.ctxl {
  font-size: smaller;
  font-weight: bold;
  vertical-align: 4px;
  padding-left: 5px;
}
/* Message */
#massage {
    clear:both;
    font-weight:bold;
    margin-bottom:0;
    padding:5px 0 0;
    text-align:center;
}     
#massage p {
    font-size:0.9em;
    margin:5px 0 3px;
    text-align:center;
    width:100%;
}
.massagebalken {
    width: 60%;
    float: left;
    position: absolute;
    margin: 10px auto;
    left: 20%;
 }
*+html .massagebalken {
   height: 20px;
}
/* Error message */
#ferror {
    clear:both;
    font-weight:bold;
    margin-bottom:0;
    padding:5px 0 0;
    text-align:center;
}     
#ferror p {
    margin:0 0 5px;
    text-align:center;
    width:100%;
}   

/*--- MULTIPLE STEPS FORM ---*/ 
#stepsPanel {
    float: left;
    height: 20px;
    width: 100%;
    margin-top: 20px;
    margin-left: 4px;
}
*+html #stepsPanel {
    margin-left: 0px! important;
}

#pSteps span {
    font-size:0.8em;
    margin:0 0 0 -3px;
    padding:3px 15px 2px 18px;
    text-decoration:none;
    text-transform:uppercase;
    float: left;
    display:inline;
}

div.afterSteps {
    width: 100%;
    } 
#pSteps a:link, #pSteps a:visited {
  float: left;
  width: 2em;
  font-size: 0.80em;
  padding: 2px 2px 2px 2px;
}
#pSteps a:focus {
  float: left;
  width: 2em;
  font-size: 0.80em;
  padding: 2px 2px 2px 2px;
}
#pSteps a:hover {
  float: left;
  width: 2em;
  font-size: 0.80em;
  padding: 2px 2px 2px 2px;
}
#pSteps a:active {
  float: left;
  width: 2em;
  font-size: 0.80em;
  padding: 2px 2px 2px 2px;
}


/* -------------- BUTTONS CLASSES -------------------- */

/* ACTION BUTTONS - with icons */
a.lniconbt, a.lniconbt:link  {
    width: auto;
    height: 17px;
    font-size: 0.70em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 8px 2px 25px;
    margin-left: 10px;
    border: 0;
    vertical-align: middle;
}
a.lniconbt:visited {text-decoration: none;}
a.lniconbt:focus {text-decoration: underline;}
a.lniconbt:hover {text-decoration: underline;}
a.lniconbt:active {text-decoration: none;}

caption a.lniconbt, caption a.lniconbt:link  {
    width: auto;
    font-size: 0.90em;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 10px;
    border: 0;
    vertical-align: middle;
}
caption a.lniconbt:visited {text-decoration: none;}
caption a.lniconbt:focus{text-decoration: underline;}
caption a.lniconbt:hover {text-decoration: underline;}
caption a.lniconbt:active {text-decoration: none;}
/* SIMPLE BUTTON LINKS - no icons */

/* neutral */
a.btlinkg, a.btlinkg:link, a.btlinkg:visited  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: 6px;
    padding: 3px 8px 3px 8px;
}
a.btlinkg:focus  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: 6px;
    padding: 3px 8px 3px 8px;
}
a.btlinkg:hover  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: 6px;
    padding: 3px 8px 3px 8px;
}
a.btlinkg:active  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: 6px;
    padding: 3px 8px 3px 8px;
}

/* navigational */
a.btlinkn, a.btlinkn:link, a.btlinkn:visited  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 8px 3px 8px;
}
a.btlinkn:focus  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 8px 3px 8px;
}
a.btlinkn:hover  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 8px 3px 8px;
}
a.btlinkn:active  {
    width: auto;
    height: 18px;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 8px 3px 8px;
}

/* -------------------------------- !TOOLS PAGES ----------------------------- */

/* Popups structure definitions */

body#bdPopup {width: 90%; text-align: center; margin: 20px auto;}
#topwrapPP {margin-bottom: 20px;}
#ppTitbar {padding-top: 15px; margin-left: 120px;}

#mainctPP {text-align: left;}

/* Block of tools content */

#tariffs {
    float:left;
    margin:0;
    padding:8px 0;
    position:relative;
    text-align:left;
    width:100%;
}
.tariffs {
    float:left;
    margin:0;
    padding:8px 0;
    position:relative;
    text-align:left;
    width:100%;
}
#downloads {
    float:left;
    margin:0;
    padding:8px 0;
    position:relative;
    text-align:left;
    width:100%;
}
#mainctPP {
    padding:0;
    position: relative;
    display: block;
    width: 100%;
}
*+html #mainctPP {
    width: 99%;
}
#mainctPP dl {
    float:left;
    margin:15px 0;
    width:100%;
}
#mainctPP dt {
	font-size: 0.8rem;
    font-weight: bold;
    height: 3em;
    margin: 0;
    padding: 2px 1%;
    text-align: left;
    width: 98%;
}
#mainctPP dd {margin: 5px 8px 25px 8px;}

#toolscnt {
    padding:0;
    position: relative;
    display: block;
    width: 100%;
}
*+html #toolscnt {
    width: 99%;
}
#toolscnt h3 {font-size: 0.80em; margin: 10px 0 5px 0; padding: 0;}
#toolscnt h4 {font-size: 0.75em; margin: 10px 0 5px 0; padding: 0;}
#toolscnt p {text-align: left; margin: 8px 0 5px 0; display: block;}
#toolscnt p.fbts {text-align: center; margin-top: 20px;}
#toolscnt p.pretour {text-align: center; margin-top: 20px;}

#toolscnt ul {padding: 0 0 0 25px; margin:5px 0; width: 97%; display: block;}
#toolscnt li {padding: 8px 0 0 5px;}

#toolstitbar {margin-top: -3px; padding:0 2px;}
#titbar {clear: left;}  
#titbar {padding:0 2px;}

#tbak {margin-top: 20px;}

h2.bkhelp, h2.bkcntct, h2.bkpasswd, h2.bkaccess {
          font-size: 0.75em;
          text-transform: uppercase;
          text-align: left;
          padding: 3px 5px 3px 30px;
          margin-left: 0;
}

#fdsettools {width: auto; padding: 10px;}
#fdsettools textarea {width: 85%;}

#tbtools {width: 100%;}
#tbtools td.tbtools1TD {font-weight: bold; width: 120px;}

/* Popup closing button */
#btClose {text-align: right; line-height: 150%;}

/* form specifics */
/* Contact form */
#fsContact label {width: 10%;}
#ipTitre {width: 30%;}
#ipMess {width: 70%; margin-left: 0;}

/* Password forgot or modification */
#fsPwdl label {width: 15%;}
#fsPwdn label {width: 18%;}

/* ------------------------ !EXCEPTIONS & SPECIFICS -------------------------- */

p.note {font-size: 0.65em;} /* notes */
.stressed {font-weight: bold;} /* stressed text */
.hide {display: none;} /* hidden text */
span.trenner {
    font-size:1.30em;
} 

.ecoCards {padding-top: 5px;}
#create {margin-top: 8px; margin-left: 10px;}
#fsInput #sendData label {width: 20em; text-align: left; margin-top: 15px;}
#readonly input {width:20em;}

.subMenueTableData {
    width: auto;
    text-align: left;
    margin: 0 0 10px 25px;
}
.subMenueTableData th {text-decoration: underline; text-align: left;}
.subMenueTableData th a, #accHolData th a:link {text-decoration: underline;}
.subMenueTableData th a:visited {text-decoration: underline;}
.subMenueTableData th a:hover {text-decoration: underline;}
.subMenueTableData th a:active {text-decoration: underline;}


#accHolData {
    width: auto;
    text-align: left;
    margin: 0 0 10px 25px;
}
#accHolData th {text-decoration: underline; text-align: left;}
#accHolData th a, #accHolData th a:link {text-decoration: underline;}
#accHolData th a:visited {text-decoration: underline;}
#accHolData th a:focus {text-decoration: underline;}
#accHolData th a:hover {text-decoration: underline;}
#accHolData th a:active {text-decoration: underline;}

/* LINKS in td */
td a, td a:link {text-decoration: underline;}
td a:visited {text-decoration: underline;}
td a:focus {text-decoration: underline;}
td a:hover {text-decoration: underline;}
td a:active {text-decoration: underline;}

.file {
    margin: 0 0 10px 8px;
}
#fsInput textarea.elementDisabled {
    margin: 0 0 10px 8px;
    background-color: #fff;
    width: 97%;
}
.text {
    margin: 10px 0 10px 8px;
    width: 100%;
    float: left;
    font-size:0.85em;
}

/* ------------------------ !YUI CONTAINER STYLES -------------------------- */
/* click buttons */
.button-group button {
    cursor:pointer;
    font-size:0.8em;
    margin:0 8px 0 15px;
    padding:1px 3px;
    text-transform:uppercase;
    width:auto;
}
/* ------------------------ !Table STYLES -------------------------- */
.tariffPanel {float: left; width: 100%;}
.tariffPanel_details {width: 100%; float: left;}

table.default {
    margin-bottom: 0;
    min-width: 610px;
    width: auto;
}

table.default.calculationDetailTable {
    left: 5em;
    margin-bottom: 0;
    min-width: 503px;
    position: relative;
    width: auto;
}

.downloadPanel {float: left; width: 100%;}
.downloadPanel tr {
    height: 3em;
}
.downloadPanel th {
    height: 3em;
    padding: 2px 5px 3px;
    text-align: left;
    white-space: normal;
}
th.downgif {width: 20px;}

.downloadPanel td {
    padding: 0px 0 10px 5px;
    text-align:left;
    font-size: 0.9em;
}
th.downth {
    padding: 2px 5px 3px;
}
td.imgdescription {
    margin:0;
    padding:0;
    vertical-align:top;
    width:80px;
}

td.description {height: 50px; min-height: 50px;}
th.downbt {
    text-align: right;
    white-space: normal;
    word-wrap: break-word;
}
input.downbt {
    padding: 2px 10px;
    cursor:pointer;
    font-size:0.8em;
    font-weight:bold;
    letter-spacing:1px;
}

#faqs {
    font-weight:bold;
}
#faqs ul.faqlist {
    list-style-type: square;
}
#faqs li {
    margin: 10px 0;
}

#panelfaq {
    float:left;
    width:100%;
}
#faqs li a {margin:0; padding: 0; text-decoration: none;}
#faqs li a:link {margin:0; padding: 0; text-decoration: none;}
#faqs li a:visited {margin:0; padding: 0; text-decoration: none;}
#faqs li a:focus {margin:0; padding: 0; text-decoration: underline;}
#faqs li a:hover {margin:0; padding: 0; text-decoration: underline;}
#faqs li a:active {margin:0; padding:0; text-decoration: none;}

#mainctPP dt a {margin:0; padding: 0; text-decoration: none;}
#mainctPP dt a:link {margin:0; padding: 0; text-decoration: none;}
#mainctPP dt a:visited {margin:0; padding: 0; text-decoration: none;}
#mainctPP dt a:focus {margin:0; padding: 0; text-decoration: underline;}
#mainctPP dt a:hover {margin:0; padding: 0; text-decoration: underline;}
#mainctPP dt a:active {margin:0; padding:0; text-decoration: none;}

#booking1 {
    float:left;
    margin:0;
    padding: 0;
    position:relative;
    text-align:left;
    width:100%;
}

.panelFormHead {
    float:left;
    padding:5px 0;
    text-align:left;
    text-transform:uppercase;
    width:800px;
}
.panelFormHead h2 {
    padding: 0 0 0 15px;
}

#booking1 h2 {
    float:left;
    margin-top: 5px;
    padding: 6px 0 5px 5px;
    width: 100%;
}
.left_area_steps {
    float:left;
    padding-bottom:2px;
    width:auto;
}



.book p.ckb_timeopt {
    font-size:inherit;
    margin:0 0 0 15px;
    vertical-align:middle;
}
div.two-cols1 {
    float:left;
    margin:0;
    width:100%;
}
div .radio_check-behind_input {
    display:inline;
    float:left;
    margin:0 0 0 10px;
}
div .label-behind-input {
    display:inline;
    float:left;
    font-size:0.9em;
    font-weight:bold;
    margin:2px 0 0 10px;
    vertical-align: -1px;
    width:11em;
}

#vignette {
    margin: 0;
    padding: 0;
    float: left;
}
.welcome {
    margin: 0 30px 0 0;
    float: left;
}
span.timeopt {
    padding: 0 22px;
}
p.subpanelHead {
    float:left;
    font-weight: bold;
    font-size: 1.1em;
    margin:5px auto;
    padding:5px 0 4px 0;
    width:100%;
}
#fsInput .trennerSubPanel {
    height:1px;
    margin:15px auto;
    text-align:center;
    width:70%;
}

img.cvv {width: auto;}
input.cvv {
    left:10px;
    position:relative;
    top:5px;
    width:10em;
}
#fsInput .input-three-colsCaptcha {
    display: block;
    vertical-align: top;
}
.input-three-colsCaptcha input {
    clear: both;
    display: block;
    float: left;
    margin-left: 18.5em;
}

label.captchaLabel {
	margin: 14px 0 0;
    white-space: nowrap;
}

#fsInput .check-tow-cols {
    float:left;
    font-size:0.9em;
    font-weight:bold;
    margin:2px 0 5px 10px;
    padding-right:8px;
    text-align:right;
    width:15em;
}

#fsInput label.afterCheckbox {
    display: table;
    float: none;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}
*+html #fsInput label.afterCheckbox {
   padding-top: 3px;
}
#fheadarchiv {
    float:left;
    margin:0;
    padding:3px 0 0;
    text-align:right;
    text-transform:uppercase;
    width:100%;
}
#fheadarchiv select {
    width: auto;
    min-width: 50px;
}

#archiv {
    float:right;
    padding-right:5px;
    text-align:right;
    width:auto;
}
#archiv img {
    vertical-align:-5px;
}
.booking_info {
    float:left;
    font-size:1.1em;
    font-style:oblique;
    font-weight:bold;
    margin:8px 0 20px 8px;
    clear: left;
}

.iframe{
    float: left;
    position: relative;
    left: 20px;
}
.signature {
    display:inline;
    float:left;
    margin-left:5px;
    width: auto;
    font-family: 'Courier New',monospace;
    font-size: 0.75em;
}
#fsInput .two-cols_cards  {float: left; width: 100%;}
#fsInput .two-cols_cardscvv  {float: left;}
#fsInput .two-cols_cardsinfo {margin-left: 70px;}

span.bookingdata {
    font-size:82%;
 }
*+html span.bookingdata {
    vertical-align:-2px;
}

span.bookingdataerror {
    font-size:60%;
    margin-right:10px;
    float: right;
}
*+html span.bookingdataerror {
   margin-right:15px;
}


#downloadPdf {
	display: inline;
	float: right;
}

#print {
    display: inline;
    float: right;
}

.hidden {
    display: none;
}

*+html  .functionBar {
    text-align:right;
    float: left;
    width: 100%;
}
*+html #downloadPdf .functionBar {
    position: relative;
    top:-41px;
    left: -150px;
}
*+html #print .functionBar {
    position: relative;
    top:-82px;
    left: -300px;
}
div.errorOuter {
    border:none;
    float:left;
    text-align:center;
    width:100%;
    margin-bottom:10px;
}

#mainct p.version {
    padding: 13px 0 0 8px;
    /* display: none; */
 }
 
#footer p.version {
    display: none;
 }
a.agb {text-decoration: underline;}
a.agb:link {text-decoration: underline;}
a.agb:visited {text-decoration: underline;}
a.agb:focus {text-decoration: underline;}
a.agb:hover{text-decoration: underline;}
a.agb:active {text-decoration: underline;}

.signature_text {
    display: inline;
    float: left;
    margin-left: 0;
    width: 100%;
}
/* ------------------------- tariffPanel_details tabel th ------------------------- */

.thEmissionGroup {
	
}
.thLicence {
	
}

.thNationality strong {
	display: none;
}

.thAxles strong {
	display: none;
}

.thEmissionClass strong {
	display: none;
}
.thDatefrom {
	
}
.thDateto {
	
}
.thPrice {
	
}
.thEmissionGroupCalcul {
	
}
.thUnit {
	
}
.thPriceCalcul {
	
}
.thComplete {
	
}

/* ------------------------- tariffPanel_details tabel td ------------------------- */
.thAction p.functionBarRight {
	display: none;
}

.tdAction p.functionBarRight input {
	color: rgba(0, 0, 0, 0);
    height: 23px;
    max-width: 23px;
    min-width: 23px;
    padding: 3px;
    width: 23px;
}

/* ------ basket ----- */
#basket {
	float:right;
	margin-right:1em;
	color:#FFFFFF;
}
#basket span {
	padding-left: 4px;
    text-align: right;
    vertical-align: 5px;
}


/* ------ error ----- */

.two-cols .card-type INPUT.t-error {
    border-color: #FF0000;
    color: #FF0000;
    float: left;
    font-style: italic;
}

.two-cols .card-type IMG.t-error-icon {
    background: url(/portal/imgs/remove_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   	display: block;
    float: left;
    left: 0;
    margin: 0 4px 0 2px;
    position: relative;
    top: 2px;
}


div.two-cols1 div.radio_check-behind_input {
    display: inline;
    float: left;
    margin: 0;
    text-align: right;
    width: 15em;
}

div.two-cols1 div.radio_check-behind_input input.ipckb, input.ckb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    float: none;
    padding-left: 0;
    position: relative;
    top: 2px;
    width: 15px;
}
div.two-cols1 div.label-behind-input {
    display: inline;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    margin: 2px 10px 0;
    min-width: 8em;
    text-align: left;
    vertical-align: -1px;
    width: auto;
}


#fsInput ul.functionBarFinalList {
	clear: left;
    display: inline;
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: auto;
}
#fsInput ul.functionBarPrintPdfList {
    display: inline;
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

#fsInput li.functionBarButtonFinal {
	padding: 0;
}

#fsInput li.functionBarButtonFinal div.functionBar {
	clear: both;
    float: left;
    width: auto;
}

#fsInput li.functionBarButtonFinal div.functionBar p.functionBarRight {
	padding: 0 0 0 27.5em;
}

#fsInput ul.functionBarPrintPdfList p.functionBarRight {
    padding: 0;
    width: auto;
}

#fsInput li.listPrint {
    display: inline;
    float: left;
    width: auto;
    padding: 0;
}

#fsInput li.listPdf {
    display: inline;
    float: left;
    width: auto;
    padding: 0;
}

/* ------ Datfield and Calendar -------*/
img.dateTriggerImage {
    cursor: pointer;
    left: 2px;
    position: relative;
    top: 7px;
}

/* --- display none for Card details in booking tab 3 and 4  --- */
#selectcardtypetab .detailPan {
	display: none;
}
#cardinfotab .detailPan {
	display: none;
}