/* ----- CSS ----- */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color: #33445E;
	;
   margin-top: 0px;
	margin-bottom: 20px;
	background-color: #648FC6;
}

html {
	padding: 0px 0;
}

.boxbase {
	background-image: url(../resources/boxbase.gif);
	background-repeat: no-repeat;
	width: 260px;
	height: 20px;
	overflow: hidden;
}

.boxcontainer {
	width: 258px;
	overflow: hidden;
	border-left: 1px solid #C8CADB;
	border-right: 1px solid #C8CADB;
	background-image: url(../resources/login_shade.jpg);
	background-repeat: no-repeat;
}

.boxtop {
	background-image: url(../resources/boxtop.gif);
	background-repeat: no-repeat;
	width: 260px;
	height: 20px;
	overflow: hidden;
}

.marginleft {
	margin-left: 20px;
	padding-top: 10px;
}

.pagesubtitlecommission {
	width: 490;
	text-align: left;
	font: bold 11pt Arial;
	padding-left: 80px;
	margin-bottom: 20px;
	overflow: hidden;
	vertical-align: baseline;
	color: #648FC6;
	line-height: 1.0em;
}

.pagesubtitlefranchise {
	width: 550;
	height: 47px;
	text-align: right;
	font: bold 11pt Arial;
	padding-right: 20px;
	overflow: hidden;
	vertical-align: baseline;
	background-image: url(../resources/icon_title_global_reflection.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	color: #898CB5;
	line-height: 1.0em;
}

.pagesubtitlelogin {
	width: 550;
	height: 47px;
	text-align: right;
	font: bold 11pt Arial;
	padding-right: 20px;
	overflow: hidden;
	vertical-align: baseline;
	background-image: url(../resources/icon_title_login_reflection.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	color: #898CB5;
	line-height: 1.0em;
}

.pagetitlecommission {
	width: 490;
	height: 28px;
	text-align: left;
	font: bold 18pt Arial;
	padding-left: 80px;
	padding-top: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	vertical-align: baseline;
	background-image: url(../resources/icon_title_bonus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	color: #0666D0;
}

.pagetitlefranchise{
	width: 490;
	height: 28px;
	text-align: left;
	font: bold 18pt Arial;
	padding-left: 80px;
	padding-top: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	vertical-align: baseline;
	background-image: url(../resources/icon_title_global.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	color: #0666D0;
}

.pagetitlelogin{
	width: 490;
	height: 28px;
	text-align: left;
	font: bold 18pt Arial;
	padding-left: 80px;
	padding-top: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	vertical-align: baseline;
	background-image: url(../resources/icon_title_login.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	color: #0666D0;
}

#candidateregbut{
	width: 150px;
	height: 10px;
	color: #D8BAF5;
	overflow: hidden;
	padding: 5px 5px 10px 5px;
	border: 1px solid #CACCDD;
}

#candidateregbut a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #C0D8A9;
}

#candidateregbut a:hover{
	text-decoration: none;
	color: #ffffff;
}

#candidateregbut li {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	list-style-type: none;
	display: inline;
}

#clientregbut{
	width: 150px;
	height: 10px;
	color: #D8BAF5;
	overflow: hidden;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
	border: 1px solid #CACCDD;
}

#clientregbut a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #D8BAF5;
}

#clientregbut a:hover{
	text-decoration: none;
	color: White;
}

#clientregbut li {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	list-style-type: none;
	display: inline;
}

/*page layout styles*/
/*login*/
#col2{
	float: left;
	overflow: hidden;
	width: 260px;
	padding-top: 10px;
}

#col3{
	float: right;
	overflow: hidden;
	width: 260px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 80px;
}

#containertrade{
	overflow: hidden;
	margin-top: 20px;
	width: 740px;
	clear: both;
}

#containertrade a {
	color: #CC0066;
	text-decoration: underline;
}

#containertrade a:hover{
	color: #9A87BE;
	text-decoration: underline;
}

#fullpagebaseblue{
	width: 760px;
	height: 14px;
	background-image: url(../resources/fullpagebaseblue.gif);
	overflow: hidden;
}

#fullpagetopblue{
	width: 760px;
	height: 14px;
	background-image: url(../resources/fullpagetopblue.gif);
	overflow: hidden;
}

#logonmain570{
	background-color: White;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: -1px !important;
	padding-bottom: 20px;
	width: 540px;
}

#logonmain570 a{
	text-decoration: none;
	color: #C71585;
}

#logonmain570 a:hover{
	text-decoration: underline;
	color: #EC4122;
}

#logonmain570 input{
	font-size: 9pt;
	color: #383D58;
	padding: 1px;
}

#logonmain570 li{
	list-style: disc outside;
	list-style-image: none;
	margin-left: 20px;
	padding-bottom: 5px;
}

#logonmain570 ol li{
	list-style: decimal outside;
		margin-left: 20px;
	padding-bottom: 5px;
	}

#logonmain570 select{
	font-size: 9pt;
	width: 160px;
	color: #383D58;
	padding: 0px;
}

#logonmain570 textarea {
	font-size: 9pt;
	color: #383D58;
	padding: 1px;
}

#logonmain570base{
	width: 570px;
	height: 14px;
	background-image: url(../resources/logonmain570base.gif);
	overflow: hidden;
}

#logonmain570container{
	float: left;
	width: 570px;
}

#logonmain570d {
	background-color: White;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: -1px !important;
	padding-bottom: 20px;
	width: 540px;
}

#logonmain570d td{
	text-decoration: none;
	color: #C71585;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

#logonmain570d th{
	text-decoration: none;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
}

#logonmain570top{
	width: 570px;
	height: 14px;
	background-image: url(../resources/logonmain570top.gif);
	overflow: hidden;
}

#logonside170 {
	background-color: #648FC6;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16pt;
	width: 150px;
	padding-bottom: 6px;
	font-weight: bold;
	color: White;
}

#logonside170 a{
	text-decoration: none;
	color: White;
}

#logonside170 a:hover{
	text-decoration: none;
	color: #CC0066;
}

#logonside170 li{
	list-style: none;
	list-style-image: none;
}

#logonside170 ul{
}

#logonside170base{
	width: 170px;
	height: 14px;
	background-image: url(../resources/logonside170base.gif);
	overflow: hidden;
	margin-top: -1px !important;
	margin-bottom: 30px;
}

#logonside170container{
	float: right;
	width: 170px;
	padding-right: 10px;
}

#logonside170top{
	width: 170px;
	height: 14px;
	background-image: url(../resources/logonside170top.gif);
	overflow: hidden;
}
