@charset "utf-8";

/************************************** 
	Company: Superlative, Inc
	Product: Studio Agent 5.1
	Auther: David Wheeler
	Date: 2/7/08
	
***************************************/

/*---------------------------------------------------------- Global Styles */

html {
	height: 100%;
	margin: 0px auto;
	}

body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	height: 100% auto;
	}

/*---------------------------------------------------------- Login Styles */


.login_body {
  background: url(images/bg_login.gif) repeat-x;
  }

.login_container {
	display: table;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	width: 770px;
	height: 100% auto;
	}
	
.login_logo_left {
	float: left;
	display: inline;
	text-align: left;
	background: url(images/login_logo.gif) no-repeat;
	width: 360px;
	height: 199px;
	margin-top: 140px;
	}

/*---------------------------------------------------------- Form Styles */

#form_container {
	float: right;
	display: inline;
	text-align: left middle;
	border-left: 1px solid #CCCCCC;
	width: 355px;
	height: 199px;
	padding-top: 50px;
	padding-left: 11px;
	margin: 40px 20px 20px 20px;
	}

#rightside {
	padding-top:30px;
	float: left;
}
		
formset {
	border: none;
	padding: 10px;
}

.title {
	display: block;
	width: 331px;
	float: left;
	text-align: left;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #414141;
}

.red_login_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

label {
	width:70px;
	height:20px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	float:left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#666;
}

.form {
	margin:0;
	padding:0;
}

.holder {
	background-color:#FFFFFF;
}

.div_texbox {
	width: 200px;
	float:left;
	height:25px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.username {
    	background-repeat: no-repeat;
    	background-position:left;
		width: 200px;
    	font: normal 14px Arial, Helvetica, sans-serif;
    	color: #999999;
    	padding: 3px 5px 3px 3px;
}

.username:focus, .username:hover {
	background-color: #f1f1f1;
}
   
.password {
    	background-repeat: no-repeat;
   		background-position:left;
		width: 200px;
    	font:normal 14px Arial, Helvetica, sans-serif;
    	color: #999999;
    	padding:3px 5px 3px 3px;
}

.password:focus, .password:hover {
	background-color: #f1f1f1;
}
   
.email {
    	background-repeat: no-repeat;
   		background-position:left;
		width: 200px;
    	font:normal 14px Arial, Helvetica, sans-serif;
    	color: #999999;
    	padding:3px 5px 3px 3px;
}

.email:focus, .email:hover {
	background-color: #f1f1f1;
	}

.button_div {
	float:right;
	text-align: left;
	height: 30px;
	width: 268px;
	margin-top:3px;
	padding: 5px 0px 0px 82px;
	}

.main_button_div {
	text-align: center;
	height: 30px;
	margin-top: 10px;
	}

.buttons {
	background-image: url(images/Button_B.gif);
	font-size: 12px; 
	color: #FFFFFF; 
	padding: 3px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}

.remember {
	float: left;
	text-align: left;
	width: 250px;
	height: 20px;
	padding: 7px 0px 0px 79px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	}
	
.forgot_link {
	float: left;
	text-align: left;
	width: 255px;
	padding: 10px 0px 0px 84px;
	}

	.forgot_link a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #0860a8;
		text-decoration: underline;
		}

	.forgot_link a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #0860a8;
		text-decoration: none;
		}

.forgot_text {
	display: block;
	width: 331px;
	float: left;
	text-align: left;
	height: 40px;
	padding-top: 10px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
}

/*---------------------------------------------------------- Bottom Page Styles */			
	
.bottom_container {
	float: left;
	display: table;
	margin-top: 6px;
	padding: 0px;
	font-size: 12px;
	width: 760px;
	height: 100% auto; 
	}

.bottom_logo {
	background: url(images/logo_area.gif) no-repeat;
	display: block;
	text-align: left;
	width: 670px;
	height: 60px;
	padding-top: 5px;
	padding-left: 90px;
	}
	
	.bottom_logo a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	.bottom_logo a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #CCCCCC;
		text-decoration: none;
	}

.bottom_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-align: left;
	width: 449px;
	padding-left: 291px;
	padding-right: 20px;
	}
	
.bottom_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e4600b;
	font-weight: bold;
	}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
		
/*---------------------------------------------------------- Forgot Password Page Styles */		

.forget {
	padding-top: 12px;
	margin-top: 12px;
	border-top: 1px #CCC solid;
	color: #444;
	font: 11px Arial, Helvetica, sans-serif;
	}
	
	.forget a {
		padding: 4px;
		margin-top: 12px;
		color: #0860A8;
		font: 11px Arial, Helvetica, sans-serif;
		}
		
	.forget a:hover {
		padding: 4px;
		margin-top: 12px;
		color: #01457D;
		font: 11px Arial, Helvetica, sans-serif;
		}
		
/*---------------------------------------------------------- Error Page Styles */	

.error {
	background: url(images/error_icon.gif) no-repeat bottom left;
	float: left;
	text-align: left;
	width: 325px;
	height: 17px;
	margin-left: 5px;
	padding: 10px 0px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	}
	
/*---------------------------------------------------------- Main Menu Styles */	
 
.main_menu_body {
  background: url(images/bg_main_menu.gif) repeat-x;
  }

.main_menu_container {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	width: 900px;
	margin-top: 15px;
	height: 750px;
	}	
			
.log_out {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2e2e2e;
	float: right;
	}
	.log_out a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #0860a8;
		text-decoration: underline;
		}
	.log_out a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #83afd3;
		text-decoration: none;
		}			

.large_logo {
	background: url(images/login_logo.gif) no-repeat;
	margin: 0px auto;
	margin-top: 45px;
	margin-bottom: 23px;
	padding: 0px;
	width: 770px;
	height: 52px;
	}

.menu {
	margin: 0px auto;
	margin-left: 60px; 
	height: 100% auto;
	padding: 0px;
	text-align: left;
	width: 840px;
	}
	.menu img {
		display: inline;
		padding: 1px;
		border: 3px #FFFFFF solid;
		}
	.menu img:hover {
		display: inline;
		padding: 1px;
		border: 3px #CCCCCC solid;
		}

.stack {
	margin: 0px auto;
	height: 100% auto;
	padding: 0px;
	text-align: center;
	width: 150px;
	display: inline-block;
	}
	.stack img {
		display: inline;
		padding: 0px;
		border: 3px #FFFFFF solid;
		}
	.stack img:hover {
		display: inline;
		padding: 0px;
		border: 3px #CCCCCC solid;
		}
	
.main_menu_bottom_container {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	width: 770px;
	*margin-top: 30px;
	height: auto;
	display: table;
	}	

.main_menu_left {
	display: inline;
	float: left;
	text-align: left;
	width: 350px;
	height: auto;
	}
	
.main_menu_right {
	display: inline;
	float: right;
	width: 350px;
	height: auto;
	}
	
.main_title {
	text-align: left;
	height: auto;
	margin-bottom: 5px;
	}
	
.main_text {
	text-align: left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 20px;
	}

.main_whats_new {
	background: #2e2e2e;
	text-align: left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px 0px 20px 0px;
	margin-bottom: 20px;
	}
	
.main_whats_new_title {
	background: #e4600b;
	width: 330px;
	text-align: left;
	height: 25px;
	padding: 5px 10px 0px 10px;
	margin-bottom: 10px;
	}

.main_bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
	.main_bullets ul {
		display: block;
		height: auto; 
		}	
	.main_bullets li {
		list-style: outside;
		list-style-type: square;
		}		

.form_top {
	display: block;
	}	

.form_items {
	margin: 0px;
	padding: 0px;
	width: 330px;
	}

.form_main {
	background: #FFFFFF;
	width: 330px;
	display: block;
	height: auto;
	padding: 10px;
	text-align: center;
	}

.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	padding: 5px 5px 0px 5px;
	text-align: left;
	}
	
.form_row {
	display: block;
	width: 330px;
	margin-top: 20px;
	*margin-top: 10px;
	padding-top: 10px;
	*padding-top: 0px;
	height: auto;
	}

.form_left {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141;
	text-align: right;
	padding-right: 5px;
	padding-top: 4px;
	display: inline;
	width: 115px;
	}

.form_right {
	float: left;
	text-align: left;	
	display: inline;
	width: 200px;
	}

.main_form_fields {
	display: inline;
	text-align: left;
	background-repeat: no-repeat;
   	background-position: left;
	width: 80%;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000000;
	}
	.main_form_fields:focus, .main_form_fields:hover {
		background-color: #f1f1f1;
		}

.required_fields {
	display: block;
	width: 330px;
	margin-top: 10px;
	*margin-top: 10px;
	padding-top: 10px;
	*padding-top: 0px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141;
	}
		
.main_menu_copyright {
	float: none;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	width: 770px;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: table;
	}


/*---------------------------------------------------------- Main Menu Find, Add, Preview */	



.broker_menu {
	width:772px;
	height:auto;
	background-color:#fff;
	margin:20px 0px 15px 4px;
	padding:0px;

}

.broker_menu_top {
	width:772px;
	height:33px;
	background:url(images/bg_broker_menu_top.gif) center no-repeat;
	margin: 0px;
	padding: 0px;
}
.broker_menu_top p {
	margin: 4px 0px 4px 10px;
	padding: 9px 0px 7px 22px;
	*padding: 5px 0px 0px 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	color:#0860a8;
}

.search {
	background:url(images/search.gif)  left  no-repeat;	
	}
.add {
	background:url(images/add.gif)  left  no-repeat;	
	}

.preview {
	background:url(images/user.png)  left  no-repeat;	
	}


.broker_menu_btm {
	margin: 0px;
	padding:8px 0px 5px 32px;
	height:30px;
	border: 1px #e2e2e2 solid;	
	background:#f9f9f9;
}

.button {
	background-image: url(images/button_green.gif);
	height:23px;
	*height:22px;
	padding:0px;
	margin: 2px 0px 0px 0px;
	border:3px double #ffffff;
	*border:1px solid #ffffff;
	text-decoration: none;
	font-weight: bold;
	width: 100px;
	color: #FFFFFF;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;	
	display:inline;
	float:left;
	}

.global_text {
	margin:0px;
	padding:4px 0px 0px 0px;
	color: #0860a8;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;	
	display:inline;
	float:left;
}


.global_input {
	display:inline;
	float:left;
	height:18px;
	margin: 2px 20px 0px 5px;
	padding: 0px 0px 0px 5px;
	color:#0860a8;	
}

.global_select {
	display:inline;
	float:left;
	height:22px;
	width:150px;
	margin: 2px 15px 0px 5px;
	padding: 1px 0px 0px 0px;
	color:#0860a8;	
}


.global_lead {
	width:149px;
	display:inline;
	float:left;	
	margin:3px 0px 3px 0px;
	padding:0px;
}
.global_lead p{
	text-align:center;
	line-height:20px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;	
	color: #333333;	
	padding:0px;
	margin:0px;
	}
.lead_num {
	text-align:center;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#0860a8;	
	}	
	.lead_num a{
	color:#0860a8;	
	text-decoration:underline;
	}
	.lead_num a:hover{
	color:#333;	
	}

.global_lead_border {
	border-left:1px #e2e2e2 solid;
}
.broker_menu_btm_lead {
	height:50px;
	padding:8px 0px 5px 0px;
}





/*---------------------------------------------------------- End */