/**
 * @Author: Petr de Gier
 * @Version: 0.0.1
 * CSS file contains style definition for home page top login panel
**/
#topLogin {
	font-family: 'titillium', Arial, Tahoma, Helvetica, sans-serif;
}

#topLogin .marginTop5 {
	margin-top: 5px;
}

#topLogin {
	background-color: #e8f7fb;
}

#topLogin .topLoginPanel {
	border-bottom: 1px solid #cce3e9;
}

#topLogin .topLoginTitle, #topLogin h2 {
	margin-top: 10px;
	color: black;
}

#topLogin h3 {
	margin: 0;
	color: black;
	font-size: 16px;
}

#topLogin .topLoginTitle {
    font-weight: 800;
	font-size: 20px;
}

#topLogin form {
	height: auto;
	margin: 0 !important;
}

#topLogin input[type='password'] {
    width: 300px;
	padding: 9px 12px 10px;
}

#topLogin ul.topLoginTextUl li {
	display: inline-block;
	background: url('../img/bg-button.png') no-repeat -708px -153px;
	padding-left: 10px;
}

#topLogin .toLoginLeftFloat {
	float: left;
}

#topLogin .overflowShow {
	overflow: visible;
}

#topLogin .topLoginPanel {
}

#topLogin .topLogin-container {
	margin: 0 auto;
	width: 1000px;
	height: 175px;
	padding: 0;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#topLogin .topLogin-container input[type='text'] {
	width: 69%;
	padding-left: 40px;
}

 #topLogin .topLogin-container input[type='password'] {
 	width: 69%;
 	padding-left: 40px;
 }

#topLogin .topLogin-container div {
	float: left;
	display: block;
}

#topLogin .topLoginCol85 {
	height: inherit;
	width: 85%;
	height: 100%;
}

#topLogin .topLoginCol80 {
	height: inherit;
	width: 80%;
	height: 100%;
}

#topLogin .topLoginCol60 {
	height: inherit;
	width: 60%;
	height: 100%;
}

#topLogin .topLoginCol50 {
	height: inherit;
	width: 50%;
	height: 100%;
}

#topLogin .topLoginCol45 {
	height: inherit;
	width: 45%;
	height: 100%;
}

#topLogin .topLoginCol40 {
	height: inherit;
	width: 40%;
	height: 100%;
}

#topLogin .topLoginCol35 {
	height: inherit;
	width: 35%;
	height: 100%;
}

#topLogin .topLoginCol33 {
	height: inherit;
	width: 33%;
	height: 100%;
}

#topLogin .topLoginCol30 {
	height: inherit;
	width: 30%;
	height: 100%;
}

#topLogin .topLoginCol20  {
	height: inherit;
	width: 20%;
	height: 100%;
}

#topLogin .topLoginCol25 {
	height: inherit;
	width: 25%;
	height: 100%;
}

#topLogin .topLoginCol21 {
	height: inherit;
	width: 21%;
	height: 100%;
}

#topLogin .topLoginCol15 {
	height: inherit;
	width: 15%;
	height: 100%;
}

#topLogin .topLoginCol10 {
	height: inherit;
	width: 10%;
	height: 100%;
}

#topLogin .topLoginRow67 {
	height: 67%;
	width: 100%;
}

#topLogin .topLoginRow50 {
	height: 50%;
	width: 100%;
}

#topLogin .topLoginRow40 {
	height: 40%;
	width: 100%;
}

#topLogin .topLoginRow33 {
	height: 33%;
	width: 100%;
	vertical-align: middle;
}

#topLogin .topLoginRow30 {
	height: 30%;
	width: 100%;
}

#topLogin .topLoginRow27 {
	height: 27%;
	width: 100%;
}

#topLogin .topLoginRow25 {
	height: 25%;
	width: 100%;
}

#topLogin .topLoginRow20 {
	height: 20%;
	width: 100%;
}

#topLogin .topLoginRow15 {
	height: 15%;
	width: 100%;
}


#topLogin .topLoginRow10 {
	height: 10%;
	width: 100%;
}

#topLogin .topLoginRow5 {
	height: 5%;
	width: 100%;
}

#topLogin .dottedButtomBorder {
	border-bottom: 1px dotted lightgray;
}

#topLogin .topLoginAlignRight {
	text-align: right;
}

#topLogin .topLoginAlignLeft {
	text-align: left;
}

#topLogin .topLoginToggleUp {
	display: none;
	width: 59px;
	height: 50px;
	float: right;
	background: url('../img/toplogin_skryt.png') no-repeat left top;
	position: absolute;
}

#topLogin .topLoginToggleUp:hover {
	background: url('../img/toplogin_skryt.png') no-repeat left -60px;
}

#topLogin .topLoginRadio {
	padding: 8px 0 5px 10px;
}

#topLogin .topLoginRadio input[type='radio'] {
	display: none;
}

#topLogin .topLoginRadio label {
	display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 35px;  
    margin-right: 15px;  
    font-size: 18px;
    color: #ea030a;
}

#topLogin .topLoginRadio label:before {  
    content: "";  
    display: inline-block;  
  
    width: 22px;  
    height: 22px;  
  
    margin-right: 10px;  
    position: absolute;  
    left: 1px;  
    top: 7px;
    background-color: white;  
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(222, 219, 255, .8);  
}

#topLogin .topLoginRadio label:before {  
    border-radius: 12px;
    border-color: gray;
}

#topLogin .topLoginRadio input[type='radio']:checked + label:before {
	font-family: Arial;
    content: "\2022";  
    color: #ea030a;
    font-size: 50px;  
    text-align: center;  
    line-height: 22px;  
}

#topLogin .topLoginRedirect:before {
	content: "";  
    display: inline-block;  
  	
    width: 14px;  
    height: 16px;
    background: url('../img/bg-button.png') no-repeat -708px -151px;
}

.marginLeft10 {
	margin-left: 10px !important;
}

.webMailUsernameInput {
	background: #ffffff url('../img/user.png') no-repeat 12px !important;
}

.webMailPasswordInput {
	background: #ffffff url('../img/lock.png') no-repeat 12px !important;
}


#webMailHordeViewTypeSelectPanel .chosen-container-single .chosen-single span {
	padding-left: 27px;
	background: url('../img/cog.png') no-repeat 0 !important;
}


#webMailHordeLanguageSelectPanel .chosen-container-single .chosen-single span {
	padding-left: 27px;
	background: url('../img/flag.png') no-repeat 0 !important;
}

#topLoginMojeIdButton {
	display: block;
	height: 48px;
	margin: 0;
	border: 0;
	padding: 0 23px 0 0;
	overflow: visible;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
}

#topLoginMojeIdButton.language-cs {
	background: url('../img/tlacitko_mojeID.png') no-repeat 0px 1px;
}

#topLoginMojeIdButton.language-en {
	background: url('../img/tlacitko_mojeID_en.png') no-repeat 0px 1px;
}

#topLoginMojeIdButton.language-sk {
	background: url('../img/tlacitko_mojeID_sk.png') no-repeat 0px 1px;
}

#topLoginMojeIdButton.language-cs:hover {
	background: url('../img/tlacitko_mojeID.png') no-repeat 0px -65px;
}

#topLoginMojeIdButton.language-en:hover {
	background: url('../img/tlacitko_mojeID_en.png') no-repeat 0px -65px;
}

#topLoginMojeIdButton.language-sk:hover {
	background: url('../img/tlacitko_mojeID_sk.png') no-repeat 0px -65px;
}

#customerCenterLogInPanel {
	display: none;
}

#webmailLogInPanel {
	display: none;
}

#partnerLogin {
	display: none;
}

/** INPUTS */

/**
 *	@Author Petr de Gier
 	@Version 0.0.1
 	CSS file contains input homepage design definition
 */
 
#topLogin form {
	margin-bottom: 1em;
}
#topLogin #content form {
  position: relative;
}
#topLogin fieldset {
  padding: 1px 0 0; /* webkit */
}
#topLogin legend {
	padding: 0 0 0.2em 0;
	font-size: 117%;
	font-weight: bold;
	color: #ea030a;
}
#topLogin legend.forBlind {
	height: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
#topLogin label, #topLogin form .label {
	line-height: 2em;
}
#topLogin input[type='text'] {
    width: 300px;
	padding: 9px 12px 10px;
}
#topLogin input, #topLogin select, #topLogin textarea, #topLogin button {
	vertical-align: middle;
}
#topLogin input[type='text'], #topLogin input[type='password'],
#topLogin select,
#topLogin textarea,
#topLogin .chosen-container-single .chosen-single,
#topLogin .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #d6d6d6;
	font: 600 125% 'titillium', Arial, Tahoma, Helvetica, sans-serif;
    color: #414141;
    background: #ffffff;
    -o-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    -ms-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
}

#topLogin input[type='text'], input[type='password'],
#topLogin select,
#topLogin textarea,
#topLogin .chosen-container-single .chosen-single,
#topLogin .chosen-container-active.chosen-with-drop .chosen-single,
#topLogin .chosen-container-single .chosen-drop {
    border-color: #7b7b7b #c8c8c8 #d6d6d6 #838383;
}
#topLogin .error input.text, #topLogin .error select, #topLogin .error textarea {
	border-color: #ea030a;
}
#topLogin form input:-webkit-autofill {
    background-color: 0 !important;
}
#topLogin form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #a4a4a4;
}
#topLogin form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a4a4a4;
}
#topLogin form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a4a4a4;
}
#topLogin form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a4a4a4;
}
#topLogin select {
    width: auto;
	padding: 9px 9px 10px 12px;
}
#topLogin textarea {
    width: 300px;
	padding: 9px 9px 10px 12px;
	overflow: auto;
}
#topLogin input[type='text'], input[type='password'], #topLogin select, #topLogin textarea, #topLogin .chosen-container-single .chosen-single, #topLogin .chosen-container-active.chosen-with-drop .chosen-single, #topLogin .chosen-container-single .chosen-drop {
border-color: #7b7b7b #c8c8c8 #d6d6d6 #838383;
}
#topLogin input[type='text'], #topLogin input[type='password'], #topLogin select, #topLogin textarea, #topLogin .chosen-container-single .chosen-single, #topLogin .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #d6d6d6;
	font: 600 125% 'titillium', Arial, Tahoma, Helvetica, sans-serif;
	color: #414141;
	background: #ffffff;
	-o-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
	-ms-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
}