body {
    background:  url(/Content/Images/Login/image7.jpg) 0/cover no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin-top:0px;
    margin-left:0px;
        
}

.MainLoginBox
{
    position: absolute;
    bottom: 164px;
    right: 100px;
 
}

#loginBoxes
{
    background: -webkit-linear-gradient(left, #50bebe, #009999,#0099cb,#0099b0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,  #50bebe, #009999,#0099cb,#0099b0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,  #50bebe, #009999,#0099cb,#0099b0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,  #50bebe, #009999,#0099cb,#0099b0); /* Standard syntax (must be last)*/
    height:200px;
    border:0px;
    float:right;
}
#loginBoxesContent
{ 
    height:200px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
    border: 0px solid;
}

#logo {
    position: absolute;
    padding-top:100px;
    padding-left:100px;
    width: 451px ;
    height: 140px;
    background: url("/Content/images/siemens-logo.png") no-repeat;
    background-size: 355px 150px;
    
    background-repeat: no-repeat;
     

}

#logoBox
{
    margin-top:100px;
    margin-left:100px;
    background-color:white;
}
#loginBoxes a
{
    font-size:x-small;
    color:white;
    text-decoration: none;
}

.ValidationSummary 
{
    color:#AF235F;
    font-size:x-small;
    font-weight:bold;
    width:290px;
    
    }


 .ValidationSummary li { 
        list-style: none;
        margin-left:-40px
    }

#WindDialogue
{
    background-color:white;
    width:100%; 
    padding-top:15px;
    padding-right:5px; 
    height:48px; 
    text-align:right;
    font-weight:bold;
    margin-top:16px;
    
}
#Loginneeded
{
    background-color:#3c464b;
    height:140px;
    width:200px;
    bottom:300px; 
    right:275px;
    position:absolute;
    padding-left:20px;
    padding-top:20px;
    color:white;
    font-weight:bold;
}

#learnMore
{
    position:absolute;
    bottom:100px; left:100px;
    background-color:#647d2d;
    height:140px;
    width:140px;
    font-weight:bold;
    padding-left:30px;
    padding-top:40px;
    color: white;

}

#learnMore a
    {
        font-size: large;
        color: white;
        text-decoration: none;
    }

.text-nowrap {
    white-space: nowrap;
}

@media all and (Max-width: 900px)  {
  #learnMorebox {
       display:none;
    }
}

.modal-content .close-btn {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url(/Content/Styles/images/icon-close.png);
}

/****/ 
/* Generic buttons */
a.button {
	display: inline-block;
	/*margin-left: 7px;*/
	border: 1px solid #999;
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	padding: 1px 5px;
	color: #FFF;
	font-size: 85%;
	text-decoration: none;
	background: #999;
}
a.button:hover,
a.button:active,
a.button:focus {
	background: #666;
    cursor:pointer;    
}

a.button.pressed {
    background: #666;
}
/* Always use this styling in combination with button: class="button button-disabled" */
a.button-disabled {
	border: 1px solid #DDD;
	color: #999;
	text-shadow: 1px 0 0 #EEE; /* FF3.5+, Opera 9+, Saf1+, Chrome */
	background: #DDD;
}
a.button-disabled:hover,
a.button-disabled:active,
a.button-disabled:focus {
	color: #AAA;
	background: #DDD;
}

.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
/*--------------------------------*/

.tooltipBox
{
    box-shadow:none;
}