# ****************************************************************************
# Surgeweb - Login page customisation CSS
#
# This provides the ability to customise the look of the surgeweb login page
#  the actual HTML file is located: surgemail/surgeweb/tpl/login.htm
# For further examples see login_alt1.css and login_alt2.css 
# Do not edit any files in the surgeweb/tpl directories as these will get 
#  replaced on upgrades. 
# ****************************************************************************

# ****************************************************************************
# Actually layout the page
# ****************************************************************************

 .body_bg {
  	background:url(||www_base||shared/img/gradient_huge.jpg) repeat-x;
 }
# 2 step background load to avoid flicker	
 .body_bg2 {
  	background:#A0BFE8 url(||www_base||shared/img/gradient_huge.jpg) repeat-x;
 }

# Actually layout the page
 body {
	text-align:center;
 }
 #login_outer{
	text-align:left;
 	width:450px;
	margin: 0 auto;
	margin-top:75px;
 } 
 #login_panel_pre{
	padding:8px;
	background: #007;
	color:white;
	text-align:center;
 }
 #login_panel{
    background:#DBEBFF;
  	border-left:1px solid #5a82b8;  
  	border-right:1px solid #5a82b8;  
 	padding:10px;
	text-align:center;
 } 
 #login_panel table{
	margin: 0 auto;
 }
 #login_panel_post{
	background: #007; 
	color:white;
	padding:5px;
	text-align:center;
 }

# Additional specials stuff
 #login_title_comment{
 	display:none;
 }
 #login_title{
 	font-size:1em;;
 }

# ****************************************************************************
# Setup other defaults - you probably do not need to change these
# ****************************************************************************

# Setup defaults 
 body, table {
	font-family:Arial;
	font-size:14px;
 }
 #login_title{
  	font-weight:bold;
  	font-size:22px;
 }
 #cmd_login{
  	width:120px; 
  }
 #error{
 	color:red;
 	margin-top:5px;
 	margin-bottom:15px;
 	font-weight:bold;
 	font-size:11px;
 }
# Thismeans that lower level errors get displayed in a smaller font
 #error .surgeweb{
 	font-size:14px;
 }

 
 .hidden{
 	display:none;
 }

 .login_link_small{
	color:white;
	font-size:0.8em;
	text-decoration:none;
 }
  .login_link_small:hover{
 	text-decoration:underline;
 }
  .boldred{
  	color:red;font-weight:bold;font-style:italic;
  }
   .red{
  	color:red;
  } 
  
  #rcol_login_outer{
  	text-align:center;
  	position:absolute;
  	right:0;top:0;
  	border:1px solid ||border_color||;
  	width:120px;height:480px;
  	background:||lpanel_color||;
  }
  #rcol_login_iframe{
  	background:white;
  	width:120px;height:480px;
  }
