/* container */

#pageBody .logInContainer{
   font-family: Helvetica,Arial,sans-serif;
   width:660px;
   margin:0% auto;
   padding-top:43px;
   position:relative;
}
#pageBody .logInContainer.narrow {
    width:329px;
    margin: 0;
}
#pageBody .logInContainer.narrow .widget-content .kLogInLeft {
    border-right: none;
}

#pageBody .logInContainer img.komodoImg{
    margin:0% auto; 
    display:block;
    margin-bottom:30px;
}

#pageBody .logInContainer ul, .logInContainer ul li{
    margin:0;
    padding:0;
}

#pageBody .logInContainer ul{
    list-style:none;
}   

#pageBody .logInContainer p,
#pageBody .logInContainer ul {
    font-size:14px;
    margin-bottom:14px; 
    color:#7c7c7c;	
    line-height:1.2;
}

#pageBody .logInContainer p a{
    color:#000000;  
}

#pageBody .logInContainer p a:hover{
    text-decoration:none;   
}

#pageBody .logInContainer p strong{
    font-weight:bold;   
}

#pageBody .logInContainer ul.passwordTips,
#pageBody .logInContainer ul.passwordTips li {
	color: #7c7c7c;
	line-height: inherit;
}
#pageBody .logInContainer ul.passwordTips li {
	margin-bottom: 5px;
	list-style: disc;
	margin-left: 15px;
}

#pageBody .logInContainer p.inputNote {
	margin-top: -10px;
	font-size: 12px;
}
#pageBody .logInContainer p.inputNote.error {
	color: #B94A48;
}

#pageBody ul#passwordStrengthDisplay {
	padding: 0 0 0 1px;
	overflow: hidden;
	margin: -10px 0 15px 0;
}
#pageBody ul#passwordStrengthDisplay li {
	float: left;
	display: block;
	margin-right: 5px;
	background: #ddd;
	height: 3px;
	width: 40px;
	width: 52px;
}
#pageBody ul#passwordStrengthDisplay li.five {
	margin-right: 0;
}

/* error */
#pageBody .logInContainer .alert-error,
#pageBody .logInContainer .alert-info,
#pageBody .logInContainer .alert-success,
#pageBody .logInContainer .alert-warning {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#pageBody .logInContainer .alert-info {
    background: #d5edf8;
    color: #205791;
    border-color: #92cae4;
}
#pageBody .logInContainer .alert-success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
#pageBody .logInContainer .alert-warning {
    background: #fff6bf;
    color: #514721;
    border-color: #ffd324;
}

#pageBody .logInContainer .alert .close {
    line-height: 20px;
    position: relative;
    right: -28px;
    top: -5px;
}

#pageBody .logInContainer button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

#pageBody .logInContainer .close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

#pageBody .logInContainer .close:hover {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}

#pageBody .logInContainer .widget-box {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    clear: both;
    margin-bottom: 10px;
    margin-top: 16px;
    position: relative;
    background:white;
}

/* top window bar */

#pageBody .logInContainer .widget-title,
#pageBody .logInContainer .modal-header, 
#pageBody .logInContainer .table th, 
#pageBody .logInContainer div.dataTables_wrapper .logInContainer .ui-widget-header {
    background-color: #EFEFEF;
    background-image: -moz-linear-gradient(center top , #FDFDFD 0%, #EAEAEA 100%);
    border-bottom: 1px solid #CDCDCD;
    height: 48px;
}

.widget-title{
	-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.08);
box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.08);
}

/*top left icon */
#pageBody .logInContainer .widget-title span.icon {
    float: left;
    background-image: url("/system/templates/system/komodo/images/login/icon-lock.png");
	background-position:center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 54px;
    height: 48px;
}

/*title */

#pageBody .widget-box h1.kLogInH1{
    color: #7c7c7c;
    font-size: 16px;
    line-height: 3;
    margin: 0;
    text-shadow: 0 1px 0 #FFFFFF;
	float:left;
}

#pageBody .widget-box h2.kLogInH2{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    margin-bottom:27px;
    text-shadow: 0 1px 0 #FFFFFF;
    display:block;
    padding: 0;
    background: none;
    border: 0;
}

#pageBody .widget-title h2.kLogInH2 {
	margin-bottom:0;
    padding: 12px;
    float: left;
}

/* boxes */

#pageBody .logInContainer .widget-content {
    border-bottom: 1px solid #CDCDCD;
	/*background: url(../images/login/bg-shadow-top.png) top center no-repeat;*/
	-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.08);
box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.08);
min-height:322px;
}

#pageBody .kLogInLeft,
#pageBody .kLogInRight,
#pageBody .kLogInFull {
	padding:22px 27px 6px 19px;	
	width:282px;
}

.kLogInRight{
	padding-left:27px;
	padding-right:19px;	
}

#pageBody .widget-content .kLogInLeft {
	float:left;	
	/*border-right:1px solid #eeeeee;*/
	background: url(/system/templates/system/komodo/images/login/bg-divider.png) right top no-repeat;
}
#pageBody .narrow .widget-content .kLogInLeft {
    background: none;
}

#pageBody .widget-content .kLogInRight {
	float:right;
	/*border-left:1px solid #ffffff;*/
}

#pageBody .kLogInFull {
	width:100%;
	text-align:center;	
	padding-left:0;
	padding-right:0;
}

/*label*/
#pageBody .logInContainer .control-label {
    padding-bottom: 5px;
    width: 240px;
	float:left;
	display:block;
	color:#7c7c7c;
}

#pageBody .logInContainer .logInBox label,
#pageBody .logInContainer .logInBox input, 
#pageBody .logInContainer .logInBox button,
#pageBody .logInContainer .logInBox select, 
#pageBody .logInContainer .logInBox textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

#pageBody .logInContainer input[type="text"], 
#pageBody .logInContainer input[type="password"]{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    font-size:14px;
    height:20px;
    line-height:20px;
    padding:10px 6px;
    margin-bottom:15px;
    width:268px;
}

#pageBody .logInContainer input[type="text"].openID{
    background:#FFF url(/system/templates/system/komodo/images/login/bg-openID-form.png) no-repeat;
	background-position:5px 5px;	
	padding-left:35px;
	width:239px;
}

/* submit */

#pageBody .logInContainer .btn-success {
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #69b343, #509d28);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 25px;
    text-align: center;
    vertical-align: middle;
    float:right;
    margin-bottom:5px;
    text-shadow: 0px 1px 0px rgb( 0, 0, 0 );
}

#pageBody.logInContainer .btn-success:hover, #pageBody.logInContainer .btn-success:active, 
#pageBody.logInContainer .btn-success.active, #pageBody.logInContainer .btn-success.disabled, 
#pageBody.logInContainer .btn-success[disabled] {
    background-color: #51A351;
    color: #FFFFFF;
}

#pageBody .logInContainer .btn:hover {
    background-position: 0 -15px;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

#pageBody .logInContainer ul.socialLoginBtns li{
    text-align:center;
	margin-bottom:9px;
}

#pageBody .logInContainer a.linkSmall{
	color:#6bb445;
	font-size:12px;
	margin-top:5px;
	text-decoration:none;
}

#pageBody .logInContainer a.linkSmall:hover{
	text-decoration:underline;	
}

#pageBody .logInContainer .footer{
	margin-bottom:100px;
}


#pageBody .logInContainer .footerLink{
    position:absolute;  
    left:200px;
}

#pageBody .logInContainer .footer a{
    font-size:12px;
    color:#000000;
    text-decoration:none;
}

#pageBody .logInContainer .footer a:hover span{
    text-decoration:underline;  
}

#pageBody .logInContainer .footer a span{
    line-height:2;
    float:left; 
    padding-right:5px;
}

/* linked account */

#pageBody .logInContainer div.linkedAccount img{
    float:left;
    margin-right:8px;
}

#pageBody .logInContainer div.linkedAccount p{
    float:left;
    width:194px;    
}

iframe#SAMLIframe {
    height: 540px;
    border: 0;
    margin-top: -2px;
    margin-bottom: 20px;
    width: 660px;
}