/* ======================================================================== \

|   FORMA - The E-Learning Suite                                            |

|                                                                           |

|   Copyright (c) 2013 (Forma)                                              |

|   http://www.formalms.org                                                 |

|   License  http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt           |

|                                                                           |

|   from docebo 4.0.5 CE 2008-2012 (c) docebo                               |

|   License http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt            |

\ ======================================================================== */
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
html,body{height:100%;}


body{color:#6d6d6d;font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:14px;background:url(../images/Eulab_demo.png);background-attachment: fixed;width: 100%;height: 100%;top: 0;left: 0;position: fixed;z-index: -1;background-size: cover;}

.header{padding:10px 20px;background:none; text-align:right; position:relative; right:60px; top:480px; display:none;}
.header .cat_link{text-decoration:none;color:#C84000;}
.header .catalogue{position:absolute;bottom:10px;right:215px;font-size:90%;letter-spacing:1px;}
.header .select-language{display:none;position:absolute;bottom:10px;right:15px;font-size:90%;letter-spacing:1px;}
.header #main_title{position:absolute;bottom:10px;left:0px;width:221px;height:53px;background:url(../images/company_logo.png) no-repeat 0 100%;overflow:hidden;}
.header #main_title a{display:block;width:221px;height:53px;padding:0 300px 0;}
.content{width:900px;height:0px; text-align:center; background: none; padding-top:20px}
.content h2 {position:relative;color:#1E4463;font-size:180%;font-weight:normal;margin:0;padding:0 14px;right:5px;}
.content .login-box, .content .login-box-social{width:40%;background:url(../images/transparent_blu.png) repeat 0 0;padding:55px 0; margin:0 auto;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; position:relative; left:600px; top:130px;}
.content #login_confirm{margin:20px 28px;padding:0;}
.content #login_confirm p,.content #login_confirm div {}
.content #login_confirm label {font-size:90%;font-weight:bold;margin:0 10px 4px 0;}
.content #login_confirm input.textfield {font-size:100%;font-weight:normal;margin:4px 0;padding:5px;width:218px; border:1px solid #ededed;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.content #login_confirm input#login{background:#1E4463;cursor:pointer;border:0px none;color:#ffffff;font-size:100%;font-weight:bold;padding:3px 18px;margin:6px 0;}
.content #social_login{float:right;zoom:1;margin-right:10px;}
.content #social_login span{ font-weight: bold; }
.content #social_login a{ margin: 0 4px;}
.content #social_login img{ height: 22px; }
.content #service_msg{font-size:90%;position:relative;width:100%;}
.content .logout{display:none;padding:3px 18px;background:url(../images/login/bg_login.png) repeat 0 0;}
.content .login_failed{display:block;color:#ffffff;background:#b9060a;padding:3px 18px;-khtml-opacity:.80; -moz-opacity:.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:.80; position:relative; top:40px; }
.content .homecatalogue{position:absolute;top:15px;left:25px;font-size:90%;letter-spacing:1px;padding:5px;background-color:#C84000}
.content .homecatalogue a{text-decoration:none;color:#ffffff}
.content .homecatalogue a:hover{text-decoration:underline;}
.footer{border-top:none;height:0px;font-size:90%;background:none; color:#FFF;}
.footer #link{margin: 30px;
padding: 0px 10px 0px;
border-bottom:none;position:relative; left:928px; top:380px; width:180px;}
.footer a{text-decoration: underline; color:#000;}
.footer a:hover{text-decoration:underline; color:#000;}
.footer #link a.first{font-weight:bold;padding:0 6px 0 0;margin:0 3px 0 0;border-right:1px solid #ffffff;}
.footer .copyright{position:absolute;bottom:4px;right:30px;}
.webcontent .box {display:none;}
.webcontent h3 {margin:0 0 10px;padding:0;font-size:140%;color:#C84000;}
.webcontent p {margin:0 0 6px;}
/* XXX:register class ======================================*/
.reg_note{font-weight:bold;margin:1em 0 0;padding:0.20em;}
.reg_form{padding:0.40em;}
.reg_title_privacy{margin:24px auto 4px;padding:0.20em;width:70%;color:#ffffff;;font-weight:bold;}
.privacy_box{margin:0 auto;padding:0.40em;width:90%;max-height:150px;overflow:auto;background:#ffffff;border:1px solid #1E4463;}
.reg_form_button{text-align:right;margin:0 auto;padding:0.40em;}
.reg_button{cursor:pointer;font-weight:bold;}
ul.reg_instruction{margin:0.20em 0.20em 1em;padding:4px 12px 4px 24px;}
ul.reg_instruction li{list-style-type:square;margin:2px;}
.reg_err_data{margin:0.40em;padding:0.40em;color:#ff0000;font-weight:bold;border:1px solid #ff0000;}
.reg_success{margin:0.40em;padding:0.40em;;border:1px solid #ffffff;}
.lostpwd_box{margin:1em;padding:0.60em 0.60em 0 0.60em;}
.lostpwd_logo{margin:0 0.40em;padding:0;}
.lostpwd_box span{font-weight:bold;}
.form_right{margin:0.60em 0 0 0;padding:0.40em;text-align:right;color:#ffffff;font-weight:bold;background:#1E4463;}
.form_right .textfield{margin:0 14px; width:auto; padding:0; border:1px solid #4180ac;}