/* Intelligent Media Login Styles */

#container #wrapper #login_header {
background:url(http://www.intelligentmedia.com/images/layout/login/login-background-top.png) no-repeat;
height: 69px;
width: 960px;
z-index: 10;
}


#container #wrapper #login_header h1 {
position: absolute;
font-size: 18px;
line-height: 20px;
font-weight: bold;
margin: 30px 0px 0px 70px;
}

#container #wrapper #login_header .new_user {
position: absolute;
height: 27px;
width: 231px;
margin: 18px 0px 0px 250px;
background:url(http://www.intelligentmedia.com/images/layout/login/login-new-user.png) top no-repeat;
display: block;
z-index: 1;
cursor: pointer;
color: #FFFFFF;
text-decoration: none;
padding: 14px 0px 0px 30px;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}

#container #wrapper #login_header .new_user:hover {
text-decoration: underline;
}

#container #wrapper #login_middle {
background: url(http://www.intelligentmedia.com/images/layout/login-background-middle.png) no-repeat;
width: 920px;
padding: 0px 20px;
}

#container #wrapper #login_middle .left_wrapper{
width: 570px;
float:left;
}

#container #wrapper #login_middle .error{
width: 550px;
border: 1px solid #fbe09f;
margin: 10px 0px 0px 10px;
padding: 15px 10px;
background: #ffffe7 url(http://www.intelligentmedia.com/images/layout/login/error.png) no-repeat 530px 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 13px;
font-weight: bold;
}

#container #wrapper #login_middle .left{
background:url(http://www.intelligentmedia.com/images/layout/login/login-panel-background.png) no-repeat;
width: 570px;
height: 145px;
margin: 10px 0px 0px 10px;
padding: 25px 0px 0px 0px;
}

#container #wrapper #login_middle .left .row_holder{
height: 32px;
width: 500px;
margin: 0px 0px 12px 30px;
}

#container #wrapper #login_middle .left .row_holder label{
font-size: 12px;
line-height: 30px;
float:left;
}

#container #wrapper #login_middle .left .row_holder input{
float: right;
vertical-align:middle;
width: 360px;
height: 18px;
padding: 6px 10px;
font-size: 12px;
line-height: 14px;
color:#636363;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background:#FFFFFF;
border: 1px solid #e9e9e9;
}

#container #wrapper #login_middle .left #imb_Login {
position:absolute;
width: 82px;
height: 42px;
background:url(http://www.intelligentmedia.com/images/layout/login/login-button.png) no-repeat top;
border: none;
display: block;
padding: 0px;
cursor:pointer;
margin-left: 147px;
}

#container #wrapper #login_middle .left #imb_Login:hover {
background:url(http://www.intelligentmedia.com/images/layout/login/login-button.png) no-repeat bottom;
}

#container #wrapper #login_middle .left #forgot_password {
position:absolute;
margin-left: 250px;
font-size: 13px;
line-height: 20px;
}

#container #wrapper #login_middle .left #forgot_password span {
font-size: 15px;
font-weight: bold;
}

#container #wrapper #login_middle .left #forgot_password a {
text-decoration: underline;
cursor:pointer;
color: #537380;
}

#container #wrapper #login_middle .left #forgot_password a:hover {
text-decoration: none;
}

#container #wrapper #login_middle .left_notice{
width: 540px;
margin: 20px 0px 20px 30px;
padding: 0px 0px 0px 0px;
font-size: 13px;
line-height: 18px;
}

#container #wrapper #login_middle .right{
width: 285px;
float: right;
margin: 10px 0px 10px 10px;
padding: 0px 0px 0px 30px;
border-left: 1px dotted #ebebeb;
}

#container #wrapper #login_middle .right h2{
font-size: 24px;
line-height: 30px;
}

#container #wrapper #login_middle .right p{
font-size: 13px;
line-height: 20px;
margin-top: 8px;
}

#container #wrapper #login_middle .right p a {
text-decoration: underline;
cursor:pointer;
color: #537380;
}

#container #wrapper #login_middle .right p a:hover {
text-decoration: none;
}

#container #wrapper #login_middle .right p span{
font-size: 16px;
font-weight: bold;
color: #666666;
line-height: 30px;
margin-top: 10px;
}

#container #wrapper #login_footer {
background: url(http://www.intelligentmedia.com/images/layout/login/login-background-bottom.png) no-repeat;
width: 960px;
height: 18px;
}

/* SELECT PAGE */

#container #wrapper #login_header_2 {
background:url(http://www.intelligentmedia.com/images/layout/login/login-background-top2.png) no-repeat;
height: 69px;
width: 960px;
z-index: 10;
}

#container #wrapper #login_header_2 h1 {
position: absolute;
font-size: 18px;
line-height: 20px;
font-weight: bold;
margin: 30px 0px 0px 100px;
}

#container #wrapper #login_header_2 .logout {
position: absolute;
height: 27px;
width: 86px;
margin: 20px 0px 0px 390px;
background:url(http://www.intelligentmedia.com/images/layout/login/login-logout.png) top no-repeat;
display: block;
z-index: 1;
cursor: pointer;
color: #FFFFFF;
text-decoration: none;
padding: 14px 0px 0px 35px;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}

#container #wrapper #login_header_2 .logout:hover {
text-decoration: underline;
}

#container #wrapper #login_middle .left_select{
background:url(http://www.intelligentmedia.com/images/layout/login/select-panel-background.png) no-repeat;
width: 570px;
height: 170px;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

#container #wrapper #login_middle .left_select label{
position: absolute;
margin: 50px 0px 0px 20px;
font-size: 18px;
color: #537380;
}

#container #wrapper #login_middle .left_select select{
position: absolute;
margin: 40px 0px 0px 170px;
width: 380px;
height: 40px;
padding: 10px 10px;
font-size: 14px;
line-height: 20px;
color:#636363;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#FFFFFF;
border: 1px solid #e9e9e9;
background: none;
}

/* FORGOT PASSWORD */

#container #wrapper #login_middle .left_forgot{
background:url(http://www.intelligentmedia.com/images/layout/forgot-password/forgot-background-middle.png) no-repeat;
width: 570px;
height: 115px;
margin: 10px 0px 0px 10px;
padding: 25px 0px 0px 0px;
}

#container #wrapper #login_middle .left_forgot .row_holder{
height: 32px;
width: 500px;
margin: 0px 0px 12px 30px;
}

#container #wrapper #login_middle .left_forgot .row_holder label{
font-size: 12px;
line-height: 30px;
float:left;
}

#container #wrapper #login_middle .left_forgot .row_holder input{
float: right;
vertical-align:middle;
width: 360px;
height: 18px;
padding: 6px 10px;
font-size: 12px;
line-height: 14px;
color:#636363;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background:#FFFFFF;
border: 1px solid #e9e9e9;
}

#container #wrapper #login_middle .left_forgot #forgot_button {
position:absolute;
width: 162px;
height: 42px;
background:url(http://www.intelligentmedia.com/images/layout/forgot-password/forgot-button.png) no-repeat top;
border: none;
display: block;
padding: 0px;
cursor:pointer;
margin-left: 147px;
}

#container #wrapper #login_middle .left_forgot #forgot_button:hover {
background:url(http://www.intelligentmedia.com/images/layout/forgot-password/forgot-button.png) no-repeat bottom;
}

#container #wrapper #login_middle .left_wrapper p{
margin: 20px 0px 20px 40px;
font-size: 12px;
line-height: 18px;
}

#container #wrapper #login_header h1#forgot_heading {
margin: 30px 0px 0px 60px;
}

#container #wrapper #login_middle .success{
width: 510px;
line-height:18px;
border: 1px solid #9ffba6;
margin: 10px 0px 0px 10px;
padding: 15px 50px 15px 10px;
background: #ecffe7 url(http://www.intelligentmedia.com/images/layout/login/success.png) no-repeat 530px 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 13px;
font-weight: bold;
}