﻿/* Logon Page */

body#logon 
{
    background: #c9edfb url(/App_Themes/CMC/images/login-bg-1px.jpg) repeat-x;    
    font-size:76%;
}

a
{
    text-decoration:none;
    color:#1481bf;
}
p
{
    margin:4px 0;
    padding:0;
}

#returncmc
{
    position:absolute;
    right:20px;
    top:30px;
}
#logon
{
	font-family: "Helvetica" , Arial, Verdana, Sans-Serif;
    margin:0;
    padding:0;
    height:100%;
}

#logon img
{
	border:none;
}

#logon h2
{
    color:#000;
    font-weight:normal;
    font-size:150%;
    margin:0 0 10px 2px;
    padding:0;
    text-align:left;
   
}
#logon h3
{
    color:#000;
    font-size:130%;
    margin:0;
    padding: 10px 0 2px 0;
}
#logon .bodyPanel, #logon .footerPanel
{
	margin:0 auto;
    width:825px;
    
}

#logon .bodyPanel
{
    position:relative;
    top:100px;
	height:300px;
	width:581px;
	background: transparent url(/App_Themes/CMC/images/login-bg-box.png) no-repeat;
}
* html #logon .bodyPanel
{
	background-image: url(/App_Themes/CMC/images/login-bg-box.jpg);
}

#logon .bodyPanel .wrapper
{
	margin-left:130px;
	padding-top:50px;
}
#logon .bodyPanel .options
{
	position:absolute;
	right:10px;
	top:85px;
	width:200px;
	color:#5f6569;
}
#logon .bodyPanel .options .apply
{	
	margin:10px 0;
}
#logon .bodyPanel .options .phone
{	
	color:#5f6569;
	font-size:120%;
}

#logon .logonPanel
{
	position:relative;
	top:85px;
	left:20px;
}
#logon .footerPanel
{
	position:relative;
	top:110px;
	left:20px;
	color:#1CA6CA;
    font-size:80%;
}
#logon .footerPanel .wrapper
{
	width:600px;
	margin: 0 0 0 130px;
}
#logon .footerPanel p
{
	margin:2px 0;
	padding:0;
}
#logon .footerPanel a
{
	color:#1CA6CA;
	text-decoration:underline;
}
#logon .logonPanel td
{
	padding: 4px;
}
#logon .logonPanel td a
{
	font-weight:normal;
}
#logon .logonPanel td.loginCell
{
	vertical-align:bottom;
	padding:0;
}
#logonPassword, #logonAccount
{
    width:120px;
}
#logon .error
{
	font-weight:normal;
	color:#ff7900;
}
#logon .modalOverlay
{
    background-color: #000;
    cursor: wait;
}
#logon .modalContainer
{
    left: 25%;
    top: 25%;
    margin-left: -0px;
    margin-top: -0px;
    background-color: #fff;
    border: 3px solid #1ca6ca;
    width:450px;
    height:200px;
    padding:20px;   
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
	border-radius: 1em;
}

