/************************************************************************
CORPORATION : EXAXE.CA
DESCRIPTION : le style est appliqué au masterpage exaxe
************************************************************************/

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

body { /*>>> DIFFERENT (IE6) <<<*/
    /* Calibri and Candara not working on iOS */
    /*  Un bon alternatif afin de changer le font-size selon le font-family choisie par le browser, est l'utilisation du webfont.js
        http://ericeastwood.com/blog/18/font-size-based-on-font-family
    */
    font-family: Calibri, Candara, "Trebuchet MS", Arial, sans-serif;
    font-size: 0.875em; /*14px*/
    /*font-family: "Arial" , Helvetica, sans-serif;
    font-size: 12px;*/
    color: #666666;
    width: 100%;
    height: 100%;
    margin: 0; 
    padding: 0;
    overflow: auto;
    background: url(../images/bodybg.gif) repeat;
}
html.ie6 body, html.ie7 body{/* No double scrollbar! */
	overflow:hidden;
}

/*Special technique to preload images.  Doesn't work with ie7 and ie6.  DOCTYPE must be declared for ie8 */
body:after {
	content: url(../images/btn_orange_hover.gif) url(../images/popup.gif) url(../images/top_menu_back.gif) url(../images/topPointMenu.gif); 
	/*display: none;*/
	position: absolute;
	left: -999em;
	top: -999em;
	visibility: hidden;
}

form {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /*Can cause an overflow when using a table with margin-top*/
}

:focus {
    outline: none; /*No scare around*/
    text-decoration: none;
}

table {border-collapse: collapse; border-spacing:0; border:0;}
img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%; margin:0;}
q:before, q:after{content:'';}


ul li{
    list-style-image: url(../images/puceUL1.gif);
}
ul li li{
    list-style-image: url(../images/puceUL2.gif);
}
ul li li li{
    list-style-image: url(../images/puceUL3.gif);
}
ol li{
    list-style-type: decimal;
}
ol li li{
    list-style-type: lower-alpha;
}
ol li li li{
    list-style-type: lower-roman;
}


a{
    color: #404040;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

/************* Shared CSS ***************/
table.collapse{
    border-collapse:collapse;
}
td.collapse{
	padding:0px;
}



/************* Master page public ***************/

table.wrapper-gmaster{
    margin-left:auto;
    margin-right:auto;
}

div.gmaster {
    margin-top: 20px;
    box-shadow: 0px 0px 8px #d2d4c9; 
    -moz-box-shadow: 0px 0px 8px #d2d4c9; 
    -webkit-box-shadow: 0px 0px 8px #d2d4c9; 
}

table.gmaster {
    background-color: white;
    border: 1px solid #d2d4c9; 
}

td.gmaster-title-logo{
    padding:20px;
}

td.gmaster-title {
    height:60px; 
    padding-left:20px;
    padding-right:4px;
    background-color:#E87724; 
}

td.gmaster-content {
    padding-left:20px;
    padding-right:20px;
    padding-top: 0; 
    padding-bottom:0;
}
td.gmaster-content .forgetpwd {
    margin-top:40px;
    text-align:center;
}


td.gmaster-content>p{
    padding-top: 60px; 
    padding-bottom: 60px;
}

div.wrapper-login{
    padding-top: 60px; 
	width:260px;
}


/************* Login2 & Validate email ***************/

td.pnl-valInfo {
    width:260px; 
    padding-top:40px; 
    padding-bottom:40px;
}

td.pnl-valInfoMsg {
    width:320px; 
    padding-bottom:40px;
}

td.pnl-logFooter {
    padding-left:20px;
    padding-right:20px;
    padding-top:20px; 
    padding-bottom:20px;
}

.pnl-val-ok, .pnl-val-error, .pnl-link  {
    margin-left: 20px;
    margin-right:20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.pnl-val-ok {
    color: #005302;
    border: 1px #005302 solid;
    background-color:#D6FFB7;
    padding-left: 15px;
}

.pnl-val-error {
    color: #AE0004;
    border: 1px #AE0004 solid;
    background-color:#FFCECF;  
    padding-left: 15px;   
}

.pnl-link {
    color: #202020;
    background-color:#eee;     
}

.lbl-authenticate, .lbl-validate {
    color:white; 
    font-size:1.9em;
}

.lbl-validate-msg {
    font-size:1.3em;
}

td.pnl-valInfoMsg {
    padding-left: 50px;
    padding-right: 50px;
}

.link-culture {
    color:white;
    font-size:1.2em;
    float: right;
    line-height: 34px;
    text-align:center;
    width: 32px;
    height: 34px;
    margin: 0 15px 0 0; /*Top, Right, Bottom, Left*/
    border:1px solid #CCC;
    border-radius: 5px;
    background-color: #7C7C7C;
    /*background: url(../images/bgButtonGrey34.png) repeat-x;  */
}

.link-side {
    border-right: 1px solid #CCC;
}

.link-home {
    float: left;
    display: block;
    padding-left: 13px;  
}

.link-block {
    white-space:nowrap;
    line-height:26px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left: 15px;
    padding-right: 15px;  
}


/*===============================*/

/* hide and collapse */
.hide {display: none;}
/* hide but keep space */
.notvisible{visibility:hidden;}

.noscroll{overflow: hidden;}
.fullsize {width: 100%;}
.fullheight{height:100%;}
.nowrap{white-space:nowrap;}        

span.highlighthover:hover{
    color: #EA6A10; 
	text-decoration: underline;
	cursor: pointer;
	}

div.clear { clear: both; height: 1px; overflow: hidden; font-size:0pt; margin-top: -1px; }


/*
b{
    font-size: 14px;
    color: #ea6a10;
}

h1, h2, h3, h4, h5, th, thead, tfoot
{
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-weight: lighter;
}
h1
{
    color: #ea6a10;
    font-size: 30px;
    padding: 0;
    margin: 0;
}
h2
{
    color: #ea6a10;
    font-size: 24px;
    padding: 0;
    margin: 0;
}

*/




/************* Master wrapper ***************/

#wrapper{
    position:relative; 
    clear:both; 
    width:1002px; /*10+16+950+16+10*/
    height:100%; 
    margin:auto;
}


table.wrapper_fulltable{
	width:100%;
	height:100%;
}
tr.wrapper_head{
	height:122px; /*Because of minus margin-top of the logo*/
}
td.wrapper_head{}	
div.wrapper_head{
	overflow:hidden;	
	height:122px; /*Because of minus margin-top of the logo*/
	position:relative;
}

tr.wrapper_body{
}
td.wrapper_body{
    background-color:White; 
	width:100%;
    vertical-align:top; 
}
div.wrapper_body_middle{}
div.wrapper_body_middle_content{
    clear:both;
    padding-left: 16px;
    padding-right: 16px; /*Watch-out for v.scrollbar of 16px*/
}
td.wrapper_body_left, td.wrapper_footer_left{
    background:url(../images/shadow_left.png) repeat;
}
td.wrapper_body_right, td.wrapper_footer_right{
    background:url(../images/shadow_right.png) repeat;
}
td.wrapper_body_left div, td.wrapper_body_right div, td.wrapper_footer_left div, td.wrapper_footer_right div{
    width:10px;
}
	
td.wrapper_footer{
    background-color:White; 
	width:100%;
	height: 50px;
}

/*
	IE6-7 cannot set a table row to a changing height!
	I patch the problem removing the height 100% of the table 
	and setting a footer's line.
*/
html.ie6 table.wrapper_fulltable, html.ie7 table.wrapper_fulltable{
	height: auto;
}
html.ie6 td.wrapper_footer, html.ie7 td.wrapper_footer{
	padding-bottom: 10px;
	border-bottom: 7px solid #F0F0F0;
}


/************* Master header ***************/

div.header_topleft{ /*>>> DIFFERENT (IE6) <<<*/
	float:left; 
	position:relative; 
    background: url(../images/header_topleft.png) no-repeat;
    height: 52px; /*Full size instead of 28px*/
    width: 15px;
	z-index:1;
}
.ie7 div.header_topleft{height: 53px; /*Hack: Don't know why but ie7 miss one pixel and raise the menu!*/}
div.header_topmiddle{
	margin: 0 302px 0 15px;
	height:52px;
    background: url(../images/header_topmiddle.png) repeat-x;
}
div.header_topright{
	float:right; 
	/*position:relative; */
    background: url(../images/header_topright.png) no-repeat;
    height: 52px;
    width: 302px;
	z-index:1;
}

div.header_menu_left_logo{ /*>>> DIFFERENT (IE6) <<<*/
	float:left; 
	margin-top:-25px;
    background: url(../images/header_menu_left_logo.png) no-repeat;
    height: 95px;
	width: 257px;
}
	
div.header_menu_rightleft{
	float:left; 
	margin-top:23px;
    background: url(../images/header_menu_middleleft.png) no-repeat;
    height: 47px;
	width: 70px;
}
div.header_menu_rightmiddle{
	margin: 23px 26px 0px 327px;
    background: url(../images/header_menu_middle.png) repeat-x;
    height: 47px;
}
div.header_menu_rightright{
	float:right; 
	margin-top:23px;
    background: url(../images/header_menu_middleright.png) no-repeat;
    width: 26px;
    height: 47px;
}


div.header_logo_bottom{
	position: relative;
    background: url(../images/header_logo_bottom.jpg) no-repeat;
    width:237px;
    height:176px;
    padding-right:10px;
    padding-top:10px;
    font-size:16px;
    color:#ea6a10;
    float:left;
    text-align:right;
    text-indent:50px;
}
	
div.header_flash{
	position:relative;
	float: left;
	width: 715px;
	height: 176px;
	padding-top: 10px;
	padding-bottom: 0px;
}


/************* Master body (menu) ***************/

table.body_top{
	width: 100%;
    height: 100%;
}
td.body_middle{
	width: 100%;
	background-color: White;	
}

div.pnl_header_menu{
    position: absolute;
    top: 86px;
    left: 257px;
}

a.ButtonHeaderMenu, span.ButtonHeaderMenu, a.ButtonHeaderMenuLeft, span.ButtonHeaderMenuLeft, a.ButtonHeaderMenu_trigger{
	position:relative;
	float:left;
	display:block;
	height:27px;
	line-height:27px;
	/*top:10px;*/
	/*left:-70px;*/ /*Attention: ceci va aussi créer un espace non utilisé à la droite du menu! Aucune idée comment contrer ce problème. */
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	color:White;
	font-weight:bold;
	letter-spacing: 0.2em;
	padding-left:10px;
	padding-right:10px;
	}
a.ButtonHeaderMenuLeft{
	width:112px; /*less padding*/
	background: url(../images/menu_left_off.gif) no-repeat;
	text-indent: 25px;
}
a.ButtonHeaderMenuLeft:hover{
	background: url(../images/menu_left_on.gif) no-repeat;
}
span.ButtonHeaderMenuLeft{
	width:112px; /*less padding*/
	text-indent: 25px;
	background: url(../images/menu_left_on.gif) no-repeat;
}

a.ButtonHeaderMenu, a.ButtonHeaderMenu_trigger{
	min-width:70px; /*less padding*/
	background: url(../images/menu_middle_off.gif) repeat;
}
a.ButtonHeaderMenu:hover, a.ButtonHeaderMenu_trigger:hover{
	background: url(../images/menu_middle_on.gif) repeat;
}
span.ButtonHeaderMenu{
	min-width:70px; /*less padding*/
	background: url(../images/menu_middle_on.gif) repeat;
}

a.hlk_Menu{
}
span.hlk_Menu{
	cursor:default;
    text-decoration:underline;
}

a.ButtonHeaderMenu_trigger{display:none;}


div.pnl_middle, div.pnl_footer{width:949px;clear: both;} /*218+16+715*/
#pnl_middleRight{
    float:left;
    width: 715px; /*Content may push and increase the width, so the div will go down pnl_middleLeft!*/
    padding-top: 16px;
    padding-bottom: 16px;
}
#pnl_footer_col1, #pnl_middleLeft{float:left;width:218px;vertical-align:top;
    padding-bottom: 16px; /*Min height to make sure something will display... Instead of &nbsp;*/
    padding-right: 16px;
}
#pnl_footer_col2,#pnl_footer_col3,#pnl_footer_col4{float:left;width:211px;}
#pnl_footer_col2,#pnl_footer_col3{padding-right:40px;}
html.ie6 #pnl_footer_col2,html.ie6 #pnl_footer_col3{padding-right:0px;} /*Ok I don't fucking know why ie6 need this... and I don't give a fuck!*/


/*Language:  warning: margin-top will influence headder on ie6*/
a.lB_culture{
    float: right;
	display: block;
    color: #606060;
    cursor: hand;
    text-decoration: none;
    margin-right: 32px;
    margin-top: 55px;
}
a.lB_culture:hover{
    text-decoration: underline;
}





/************* ??? ***************/
	
		
div.pnl_infoContentLogoExaxePopup{
    z-index: 999;
    padding: 30px 10px 5px 20px;
    color: White;
    height: 81px;
    width: 236px;
    text-align: left;
}
div.pnl_logoExaxePopup{
    position: absolute;
    display: none;
    background: url('../images/popup.gif') no-repeat left top;
    top: 33px;
    /*left: 610px;*/
    right: 100px;
    height: 136px;
    width: 264px;
    padding: 3px;
    margin: 3px;
    cursor: hand;
    z-index: 999;

    opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9; /*	filter: alpha(opacity=70);*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

div.pnl_slogan{
    position: absolute;
    height: 16px;
    width: 135px;
    top: 11px;
    right: 145px;
}
div.pnl_slogan:first-letter{
    font-size: 18px;
}
span.lbl_slogan{
	display: block;
    font-family: Brush Script MT, Monotype Corsiva, Times New Roman;
    font-weight: lighter;
    font-size: 16px;
    color: White;
    width: 135px;
    text-align: center;
}

div.pnl_hoverExaxe{
    position: absolute;
    top: 11px;
    right: 12px;
    cursor: hand;
}




/*Page footer*/	
div.pnl_bottomFooter, div.pnl_copyright{
	/*position:absolute;*/
	width:100%;
	text-align:center;
}
div.pnl_bottomFooter{
	bottom:25px;
}
	
div.pnl_copyright{
	bottom:5px;
}



/************************************************************************
SECTION : CTRL LOGIN
************************************************************************/

div.pnl_logged{
    padding-bottom: 10px;
}
div.pnl_login{
    /*width: 180px;*/
    padding-bottom: 16px;
}
div.pnl_login_info{
    margin-top: 10px;
    max-width: 300px;
}

div.pnl_login h1{
    color: #ea6a10; 
    font-size: 1.2em; 
    font-weight: bold; 
}

div.pnl_login h2{
    color: #666666;
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
    padding-top: 6px;
    /*padding-bottom: 0;*/
}

div.pnl_login span.failure{
    color: Red;
    /*clear: both;*/
}


/* Login textbox */
div.logintxt {
    padding-right: 28px; /*To repair padding problem with input.width:100% */
}


html.ie6 input.logintxt {
    width: 150px;
} /* Stupid ie6 */

input.logintxt {
    margin: 4px 4px 4px 0;
    z-index: 99;

    background-position: 5px -7px !important;
    border: 1px solid #c4c4c4; 
    height: 25px; 
    width: 100%; 
    /*font-size: 13px; */
    padding: 4px 4px 4px 24px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
html.ie6 .logintxt, html.ie7 input.logintxt, html.ie8 input.logintxt {
    padding-top: 8px;
    padding-bottom: 0px;
}
 
input.logintxt:focus { 
    outline: none; 
    border: 1px solid #FB792B; /*#7bc1f7; */
    box-shadow: 0px 0px 8px #FB792B; 
    -moz-box-shadow: 0px 0px 8px #FB792B; 
    -webkit-box-shadow: 0px 0px 8px #FB792B; 
} 

.loginusr {
    background: url(../images/loginusr.png) no-repeat;
}
.loginpwd {
    background: url(../images/loginkey.png) no-repeat;
}


/* Login button */
.login-button {
  margin: 10px 4px 4px 0;
  width: 100%;
  cursor: pointer;

  /*display: inline-block;*/
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  color: #FFFFFF;
  font-size: 1.2em;
  background-color: #ea6a10;
  background-image: -webkit-linear-gradient(top, #ef6c10 0%, #db8548 48%, #ea6a10 49%, #ea6a10 82%, #f07926 100%);
  background-image: -moz-linear-gradient(top, #ef6c10 0%, #db8548 48%, #ea6a10 49%, #ea6a10 82%, #f07926 100%);
  background-image: -o-linear-gradient(top, #ef6c10 0%, #db8548 48%, #ea6a10 49%, #ea6a10 82%, #f07926 100%);
  background-image: -ms-linear-gradient(top, #ef6c10 0%, #db8548 48%, #ea6a10 49%, #ea6a10 82%, #f07926 100%);
  border-color: hsl(25, 32%, 49%);
  -webkit-box-shadow: inset 0 0 1px 1px #f2873b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #f2873b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #f2873b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #8a3f09;
  -moz-text-shadow: 1px 1px 1px #8a3f09;
  -o-text-shadow: 1px 1px 1px #8a3f09;
  text-shadow: 1px 1px 1px #8a3f09;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 6px 15px 6px 15px;
}

.login-button strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.login-button:hover {
  color: #FFFFFF;
  background-color: #ef721a;
  background-image: -webkit-linear-gradient(top, #ef751f 0%, #dd8d55 48%, #ef721a 49%, #ef721a 82%, #f18234 100%);
  background-image: -moz-linear-gradient(top, #ef751f 0%, #dd8d55 48%, #ef721a 49%, #ef721a 82%, #f18234 100%);
  background-image: -o-linear-gradient(top, #ef751f 0%, #dd8d55 48%, #ef721a 49%, #ef721a 82%, #f18234 100%);
  background-image: -ms-linear-gradient(top, #ef751f 0%, #dd8d55 48%, #ef721a 49%, #ef721a 82%, #f18234 100%);
  border-color: hsl(25, 31%, 50%);
  -webkit-box-shadow: inset 0 0 1px 1px #f3924e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #f3924e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #f3924e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #98450b;
  -moz-text-shadow: 1px 1px 1px #98450b;
  -o-text-shadow: 1px 1px 1px #98450b;
  text-shadow: 1px 1px 1px #98450b;
}

.login-button:active {
  color: #FFFFFF;
  background-color: #dc630f;
  background-image: -webkit-linear-gradient(top, #d25f0e 0%, #ea6a10 100%);
  background-image: -moz-linear-gradient(top, #d25f0e 0%, #ea6a10 100%);
  background-image: -o-linear-gradient(top, #d25f0e 0%, #ea6a10 100%);
  background-image: -ms-linear-gradient(top, #d25f0e 0%, #ea6a10 100%);
  padding: 7px 15px 5px 15px;
}




/* 
Not used anymore
div.pnl_login .txt{
    width: 100%;
    background-color: #F5F5F5; 
    border: 2px inset White;
    z-index: 99;
}

div.pnl_login .btn_submit{
    margin-top: 8px;
    font-size: 0.875em; 
}
*/


/************************************************************************
 Others
************************************************************************/

	
a.btn_submit{
	display:block;
	width:80px;
	height:20px;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
    /*font-size: 11px;*/
	/*letter-spacing: 0.2em;*/
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	white-space:nowrap;
	color:White;
    background: url(../images/btn_orange.gif) no-repeat;
	}
a.btn_submit:hover{
    background: url(../images/btn_orange_hover.gif) no-repeat;
}




/* adresse */
.phone, .contact, .address{
    text-decoration: none;
}
.phone{
    color: #101010;
}
.contact, .address{
    color: #101010;
}
.contact:hover{
    text-decoration: underline;
}
.address:hover{
    text-decoration: underline;
}




/*============== <est utilisé dans la page "upgradeerr.aspx"> =================*/
p.section{
    background: url( '../images/top_menu_back.gif' ) repeat-x center center;
    color: White;
    font-size: 12px;
    padding:5px;
}
li.section{
    border: 1px solid #ea6a10;
    padding: 10px;
}
h3.section{
    color: gray;
}
a.section:hover{
    cursor: hand;
}



/* Others */
.testimonytitle{
    color: #ea6a10;
    font-style: italic;
    text-align: right;
}


p.tabSpace{
    margin-left: 16px;
}

div.pnl_cntP_exaxeDefault{
    padding-top: 10px;
}

div.pnl_leftP_exaxeDefault,div.pnl_middleP_exaxeDefault,div.pnl_rightP_exaxeDefault{
    width: 211px;
    float: left;
    margin-bottom: 25px;
}
div.pnl_leftP_exaxeDefault,div.pnl_middleP_exaxeDefault{
    padding-right: 40px;
}

p.pCndView{
    display: none;
}
div.pnl_pageTitle{
    text-align: right;
}

.swf_genesisPub{
    z-index: 1;
}


img.img_titreGenesis{
}
span.lbl_rightContent{
    padding-top: 2px;
}

/* Petit en-tête pour séparer les paragraphes */
p.header{
    font-weight: bold;
}

a.hl_address{text-decoration: none;}





/*PAGE CSS*/
#benefits h2{
    color: #ea6a10;
    font-size: 2em;
    font-weight: normal;
}
#benefits p{
    margin-top:0;
}
#benefits h3{
    color: #ea6a10;
    font-size: 1.2em;
}
#benefits li{
    margin-bottom:8px;
}

#services ol{
    color: #ea6a10;
}
#services ol span{
    color: #666666;
}
#services ol span.phone{
    color: #101010;
}

#faq h2{
    color: #ea6a10;
    font-size: 1.2em;
}

#download h1 {
    font-size: 1.3em;
}
#download h3 {
    font-size: 1.1em;
}
#download a.download{
    color: #ea6a10;
}
#download div.download {
    overflow:auto; 
    vertical-align: top;
    white-space:pre-line; 
    word-wrap:break-word; 
    border:1px solid #444; 
    max-height:300px; 
    margin: 10px 10px 10px 0px; 
    padding: 0px 10px 10px 10px;
}

div.demopage h2{
    color: #ea6a10;
    font-size: 2em;
    font-weight: normal;
}

div.pageheader h2{
    color: #ea6a10;
    font-size: 2.2em;
    font-weight: normal;
    display: none;
    line-height: .8em;
}
div.pageheader h2 p{
    margin:0;
}

#upgrade h1{
    font-size: 1.5em;
    font-weight: bold;
}
#upgrade h2{
    color: #ff6600; /*orange  blue #003399;*/
    font-size: 1.2em;
    font-weight: bold;
}
#upgrade strong{
    font-size: 1.2em;
    font-weight: bold;
}


/************* Responsivity ***************/
/******************************************/
/*Incompatible with IE<9*/

@media only screen and (max-width: 1002px){
    #wrapper{width: auto;}

    div.pnl_middle, div.pnl_footer{width: auto;}
    #pnl_middleLeft{display:none;}
    /*div.header_flash{display:none;}*/
    div.header_logo_bottom{display:none;}
    #pnl_footer_col2{clear:both;}
    div.header_flash{padding-left:16px;}

    div.pnl_header_menu{left: 10px;}
    a.ButtonHeaderMenuLeft{
	    min-width:70px; /*less padding*/
	    background: url(../images/menu_middle_off.gif) repeat;
	    text-indent: 0;
    }
    a.ButtonHeaderMenuLeft:hover{
	    background: url(../images/menu_middle_on.gif) repeat;
    }
    span.ButtonHeaderMenuLeft{
	    min-width:70px; /*less padding*/
	    background: url(../images/menu_middle_on.gif) repeat;
	    text-indent: 0;
    }
    div.header_menu_left_logo{
	    margin-top:-33px;
        background: url(../images/header_menu_left_logo_up.png) no-repeat;
        height: 103px;
    }
    div.header_menu_rightleft{
        background: url(../images/header_menu_middle.png) repeat-x;
    }

    /*#wrapper{background-color: Red;}*/
}

@media only screen and (min-width: 751px) and (max-width: 784px){ /*V.Scrollbar*/
    /*@-ms-viewport {width: 1004px;}*/
    div.wrapper_body_middle_content{padding-right: 0;}
}

@media only screen and (min-width: 751px) and (max-width: 767px){ /*V.Scrollbar*/
    /*@-ms-viewport {width: 1004px;}*/
    #pnl_middleRight{width: 700px;}
    #pnl_footer_col2,#pnl_footer_col3{padding-right:33px;}
    div.pnl_leftP_exaxeDefault,div.pnl_middleP_exaxeDefault{padding-right: 33px;}
    div.header_flash{width: 700px !important;}
}

@media only screen and (max-width: 768px){
    div.pageheader img{display:none;}
    div.pageheader h2{display:block !important;}

    /*#wrapper{background-color: Blue;}*/
}

@media only screen and (max-width: 751px){
    #pnl_middleRight{width: auto;}
    #pnl_footer_col2,#pnl_footer_col3{padding-right:33px;}
    /*div.pnl_leftP_exaxeDefault,div.pnl_middleP_exaxeDefault{padding-right: 33px;}*/
    div.pnl_leftP_exaxeDefault,div.pnl_middleP_exaxeDefault,div.pnl_rightP_exaxeDefault{width: auto; padding-right: 10px;}
    div.header_flash{width: auto !important;}
}

@media only screen and (max-width: 675px){ /*Menu*/
    div.header_flash{display:none;}
    a.ButtonHeaderMenu, span.ButtonHeaderMenu, a.ButtonHeaderMenuLeft, span.ButtonHeaderMenuLeft, a.ButtonHeaderMenu_trigger{
        float:none; width:auto; text-align: left;padding-left:16px;}
    a.ButtonHeaderMenuLeft,a.ButtonHeaderMenu{background-image: none; background-color: White; color:#FB792B;}
    a.ButtonHeaderMenuLeft:hover,a.ButtonHeaderMenu:hover{color: White;}
    div.pnl_header_menu{
        position: relative;
        left: 0;
        top: -36px;
        width: 100%;
        margin-bottom: -36px;
    }
    #pnl_footer_col2,#pnl_footer_col3,#pnl_footer_col4{max-height: 112px; overflow:hidden; margin-bottom: 10px;}

    /*#wrapper{background-color: Maroon;}*/
}

@media only screen and (max-width: 480px){
    div.header_menu_rightleft{width: 36px;}
    div.header_menu_rightmiddle{margin-left: 293px;}
    div.pnl_logoExaxePopup{right: 27px !important;}
    a.ButtonHeaderMenu_trigger{display:block;}
    div.pnl_header_menu div{display: none;}

    /*wrapper{background-color: Green;}*/
    
}

@media only screen and (max-width: 375px){ /*iphone6, Extra space for Trebuchet MS*/
    .lbl-authenticate, .lbl-validate {letter-spacing: -1px;}
}
@media only screen and (max-width: 350px){
    .lbl-authenticate, .lbl-validate {letter-spacing: -1.4px;}
}

@media only screen and (max-width: 320px){
    /*#wrapper{background-color: Yellow;}*/
}