/*
    signin_style.css
    web-communication.eu | 28/10/2015
    Copyright 2015 web-communication.eu
*/


/* DIV */
#header {
    position:                  absolute;
    top:                       0;
	height:                    10px;/*80px;*/
    background:                #FFFFFF;/*#206CCC;*/
	display:                   none;
}

#mainframe {
	position:           	   absolute;
    top:                 	   70px;/*150px;*/
	left:					   50%;
	width: 					   500px;
	margin-left: -250px;
    background:                #fff;
    z-index:                   2;
	/*display:                   none;
	-moz-box-shadow:           1px 1px 13px rgba(0,0,0,0.5);
    -webkit-box-shadow:        1px 1px 13px rgba(0,0,0,0.5);
    box-shadow:                1px 1px 13px rgba(0,0,0,0.5);
	*/
}

#box_title {
	margin-top:                5px;
	text-align:                center;
	width:                     100%;
	display:                   none;
}

#box_img {
	text-align: center;
	margin: 0 30px 0 0;
	display:                   none;
}

#login, #cookie, #disabled, #limit, #captcha, #error_captcha, #step_1, #step_2, #activated, #restore, #expire, #account {
	display:                   none;
}	

#box_copy {
	position:                  absolute;
	width:                     500px;
	height:                    30px;
	text-align:                center;
    display:                   none;
    z-index:                   1;
}	

#box_conditions, #box_connected {
	float:                     left;
	width:                     300px;
	padding-left:              8px;
	display:                   block;
}



#infobox_email, #infobox_password, #infobox_captcha
{
    position:                  fixed;
    background:                #FFFFFF;
    width:                     700px;
    height:                    190px;
    top:                       50%;
    margin-left:               -350px;
	margin-top:                -95px;
    padding:                   0px;
    left:                      50%;
    border:                    Solid 2px #FFFFFF;
    -moz-box-shadow:           2px  5px 25px #000;
    -webkit-box-shadow:        2px  5px 25px #000;
    filter:                    progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=10);
    box-shadow:                2px 5px 25px #000;
    display:                   none;
    z-index:                   10000;
	padding: 			       25px;
}


#cond_box
{
    position:                  fixed;
    background:                #FFFFFF;
    width:                     700px;
    height:                    500px;
    top:                       50%;
    margin-left:               -350px;
	margin-top:                -250px;
    padding:                   0px;
    left:                      50%;
    border:                    Solid 1px #FFFFFF;
    -moz-box-shadow:           2px  5px 25px #000;
    -webkit-box-shadow:        2px  5px 25px #000;
    filter:                    progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=10);
    box-shadow:                2px 5px 25px #000;
    display:                   none;
    z-index:                   10000;
}




/* CLASS */
.cond {
	height:                    40px;
	border:                    1px solid #ff0000;
	 border-radius:            5px;
    -moz-border-radius:        5px;
    -webkit-border-radius:     5px;
	padding-top:               8px;
}

.box_form {
	width:                     400px;
	margin-left:               50px;
	margin-right:              50px;
	margin-bottom:             20px;
	z-index:                   3;
}	


.captcha_img {
	float:                     left;
	width:                     44px;
	height:                    125px;
}


/* text */
.style_8 {
	font-size:                 12px;
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #666666;
    font-weight:               normal;
} 

.style_9 {
	font-size:                 14px;
	font-family:               Verdana, Arial, Helvetica, sans-serif;/*Arial, Helvetica, sans-serif;*/
    color:                     #000000;
    font-weight:               normal;
} 

.style_10 {
    font-family:               Arial, Helvetica, sans-serif;
    color:                     #666666;
	font-size:                 22px;
    font-weight:               normal;
} 

/* line */
.line {
	margin:                    20px 0 10px 0;
	width:                     100%;
	border-bottom:             1px solid #CCCCCC;
	float:                     left
}



/* form */
.input-form {
    float:                     left;
    height:                    50px;
}

.formlayer {
    font-family:               Verdana, Arial, Helvetica, sans-serif;
    color:                     #000000;
    border:                    1px solid #006699;
    background:                #FFFFFF;
    padding:                   10px;	
}
.formlayer {
    width:                     300px;
	height:                    40px;
    font-size:                 12.75px;
    font-weight:               bold;
	 border-radius:            5px;
    -moz-border-radius:        5px;
    -webkit-border-radius:     5px;
	-webkit-appearance:        none;
}
	
.formlayer:focus {
	border-color:              #0000ff;
    box-shadow:                0 0 5px #000;
    -moz-box-shadow:           0 0 5px #000;
    -webkit-box-shadow:        0 0 5px #000;
    color:                     #000000;
    -webkit-appearance:        none;
}

.formlayer:hover {
	border-color:              #0000ff;
    box-shadow:                0 0 5px #000;
    -moz-box-shadow:           0 0 5px #000;
    -webkit-box-shadow:        0 0 5px #000;
    color:                     #000000;
    -webkit-appearance:        none;
}	  	

.block {
	float:                     left;
	width:                     50px;
	height:                    50px;
	display:                   block;
	
}


.error {
	float:					   left;
	width:                     100%;
	margin:                    0 0 3px 0;
	padding-left:              55px;
	display:                   none;
	color:                     #ff0000;
	font-family:               Verdana, Arial, Helvetica, sans-serif;
    font-size:                 12px;
	font-weight:               bold; 
}



.alert {
	margin:                    8px 0 0 20px;
	display:                   none;
}
	
	
.border { 
    border:                    1px solid #FF0000; 
}	

.ScrollStyle
{
    max-height:                460px;/*495px;*/
    overflow-y:                scroll;
}

.text {
    color:                     #000;
	font-size:                 14px;
	font-family:               Arial, Helvetica, sans-serif;
    font-weight:               normal;
	padding:                   20px;
} 	



label[for="conditions"], label[for="connected"] {
    margin-left:               5px;
	font-family:               Verdana, Arial, Helvetica, sans-serif;
    font-size:                 12px;
	color:                     #000000;
}

/* checkbox */
input[type=checkbox], input[type=radio] {
    vertical-align:            middle;
    position:                  relative;
    bottom:                    1px;
}

input[type=radio] {
    bottom:                    2px;
}


/* placeholder */	
::-webkit-input-placeholder { color:#999999;}
::-moz-placeholder { color:#555555;} /* firefox 19+ */
:-ms-input-placeholder { color:#999999;} /* ie */
input:-moz-placeholder { color:#999999;}





/* LINK */
.link_1 {
    font-family:               Verdana, Arial, Helvetica, sans-serif;
    font-size:                 12px;
    color:                     #0000FF;
    text-decoration:           none;
    font-weight:               normal;
}
a.link_1:hover {
    color:                     #0000FF;
    text-decoration:           underline;
}	
 	
.link_2 {
	font-size:                 12px;
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #666666;
    font-weight:               normal;
	text-decoration:           none;
}

.link_2:hover {
	text-decoration:           underline;
	color:                     #0000FF;
}
	
	
.box_link {
    margin:                    0 0 20px 0;
	width:                     100%;
	float:                     left;
    text-align:                center;
	font-family:               Verdana, Arial, Helvetica, sans-serif;
    font-size:                 12px;
	color:                     #000;
}

.box_link2 {
    margin:                    20px 0 20px 0;
	width:                     100%;
	float:                     left;
	font-family:               Verdana, Arial, Helvetica, sans-serif;
    font-size:                 12px;
	color:                     #000;
}

.box_info {
	margin:                    8px 5px;
	display:                   block;
	width:                     24px;
	height:                    24px;
	cursor:                    pointer;
	background:                url('images/info.png') no-repeat center center;
}

.box_info:hover {
	background:                url('images/info_hover.png') no-repeat center center;
}


/* SUBMIT */
.submit, .submit:visited {
    color:                     #FFF;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 18px;
    font-weight:               normal;
    width:                     280px;
    height:                    42px;
    margin:                    0;
    background:                #0F67CC;
    cursor:                    pointer;
    border:                    none;
    padding:                   4px 10px 5px;
    text-decoration:           none;
    text-align:                center;
    display:                   inline-block;
    line-height:               1;
    -webkit-appearance:        none;
    border-radius:             5px;
    -moz-border-radius:        5px;
    -webkit-border-radius:     5px;
}

.submit:hover {
    background:                #009CDE;
}



.register, .register:visited {
    color:                     #666;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 18px;
    font-weight:               normal;
    width:                     280px;
    height:               	   42px;
    margin:                    0;
    background:                #DDDDDD;
    cursor:                    pointer;
    border:                    none;
    padding:                   4px 10px 5px;
    text-decoration:           none;
    text-align:                center;
    display:                   inline-block;
    line-height:               1;
    -webkit-appearance:        none;
    border-radius:             5px;
    -moz-border-radius:        5px;
    -webkit-border-radius:     5px;
}


.register:hover {
    background:                #CCCCCC;
}




#box_submit {
    margin:                    10px 60px;
    float:                     left;
}

#box_register {
    margin:                    0px 60px;
    float:                     left;
}

#box_captcha {
	margin:                    25px 75px 25px 75px;
	padding:                   0 15px;
	width:                     250px;
	height:                    125px;
}