br.clearBoth {
	clear: both;
}

a img {
	border: 0;
}

body {
	background-image: url(../furniture/body_bkgd.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: white;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, helvetica, sans-serif;
}
body#intro {
	background-image: none;
	background-color: #F3F3F3;
 	margin-top: 30px;
}

a {
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

p.error, span.required {
  color: red;
  font-weight: bold;
}

#wrapper {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	background-color: transparent;
}

#top {
	position: relative;
	background-color: transparent;
	height: 102px;
}

#logo {
	position: absolute;
	right: 0;
	top: 0;
	width: 264px;
	height: 80px;
	background-image: url(../furniture/logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}
#logo a {
	display: block;
	width: 264px
	height: 0px !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
	padding: 0 0 80px 0;
	font-size: 0px;
}

#topNav {
	clear: both;
	position: relative;
	background-color: transparent;
}



#topNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}



#topNav ul li {
	float: left;
	margin-right: 1px;
}

#topNav ul li a {
	display: block;
	width: 130px;
	height: 35px;
	background-image: url(../furniture/nav_matrix.gif);
	background-repeat: no-repeat;
	background-color: white;
	overflow: hidden;
	text-indent: -5000px;
}

#topNav ul li#navOne a {
	background-position: 0 0;
}
#topNav ul li#navTwo a {
	background-position: -130px 0;
}
#topNav ul li#navThree a {
	background-position: -260px 0;
}

#topNav ul li#navFour a {
	background-position: -390px 0;
}
#topNav ul li#navFive a {
	background-position: -520px 0;
}
#topNav ul li#navSix a {
	background-position: -650px 0;
}
#topNav ul li#navOne a:hover, #topNav ul li#navOne a.on {
	background-position: 0 -35px;
}
#topNav ul li#navTwo a:hover, #topNav ul li#navTwo a.on {
	background-position: -130px -35px;
}
#topNav ul li#navThree a:hover, #topNav ul li#navThree a.on {
	background-position: -260px -35px;
}
#topNav ul li#navFour a:hover, #topNav ul li#navFour a.on {
	background-position: -390px -35px;
}
#topNav ul li#navFive a:hover, #topNav ul li#navFive a.on {
	background-position: -520px -35px;
}
#topNav ul li#navSix a:hover, #topNav ul li#navSix a.on {
	background-position: -650px -35px;
}



#mainArea {
	clear: both;
	background-color: transparent;
	height: 1%;
	padding: 30px 0 1em 0;
}

#colLeft {
	float: left;
	margin: 0;
	width: 93px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-bottom: 407px;
}
body#about #colLeft {
	background-image: url(../furniture/pt_about.gif);
}
body#training #colLeft {
	background-image: url(../furniture/pt_training.gif);
}
body#apply #colLeft {
	background-image: url(../furniture/pt_apply.gif);
}
body#roles #colLeft {
	background-image: url(../furniture/pt_roles.gif);
}
body#welcome #colLeft {
	background-image: url(../furniture/pt_welcome.gif);
}
body#welcome #RafcolLeft {
	float: left;
	width: 238px;
	margin: 0 15px 0 0;
}
body#people #colLeft {
	background-image: url(../furniture/pt_people.gif);
}


#colRight {
	float: left;
	background-color: transparent;
	color: #666666;
	font-size: 12px;
	padding-bottom: 1em;
	width: 650px;
	margin-right: 38px;
}

#colRightRaf {
	float: left;
	background-color: transparent;
	color: #666666;
	font-size: 12px;
	padding-bottom: 1em;
	width: 490px;
	margin-right: 38px;
}

#content {
	float: left;
	background-color: transparent;
	color: #666666;
	font-size: 12px;
	padding-bottom: 1em;
	width: 435px;
	margin-right: 38px;
}

#contentRaf {
	float: left;
	background-color: transparent;
	color: #666666;
	font-size: 12px;
	padding-bottom: 1em;
	width: 472px;
	margin-right: 38px;
}

#content h1 {
	margin-top: 0;
	font-size: 25px;
	color: #003E87;
}

#content h2 {
	font-size: 18px;
	font-weight: normal;
}

#content h3 {
	font-size: 16px;
	color: white;
	font-weight: bold;
	background-color: #677db6;
	padding: 3px 5px;
	margin-bottom: 5px;
}

#content p {
	line-height: 1.5em;
}

#sidebar {
	float: left;
	width: 175px;
	font-size: 11px;
}

#sidebar h2 {
	font-size: 16px;
	color: white;
	font-weight: bold;
	background-color: #677db6;
	padding: 3px 5px;
	margin-bottom: 5px;
}

#sidebar dl.profilee {
	background-color: #EEEEEE;
	margin: 0 0 5px 0;
	padding: 5px;
	clear: both;
	height: 48px;
	color: #677DB6;
}
#sidebar dl.profilee dt {
	float: left;
	margin: 0;
	padding: 0;
}
#sidebar dl.profilee dd {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
#sidebar dl.profilee a {
	color: #677DB6;
}
#sidebar dl.profilee a img {
	border: none;
}


#footer {
	clear: both;
}

ul#roles {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#roles li {
	margin-bottom: 1em;
	padding: 0;
}

input.button {
	background: transparent url(../furniture/pointer.gif) no-repeat 0px 2px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	width: 200px;
	text-align: left;
	cursor: pointer;
	color: #4b65a8;
	border: 0;
}

a.buttonlink {
	background: transparent url(../furniture/pointer.gif) no-repeat 0px 0px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	width: 200px;
	text-align: left;
	cursor: pointer;
	color: #4b65a8;
}

a.buttonlink:hover,
input.button:hover {
	text-decoration: underline;
}





.required {
	color: red;
}


DIV.error {
	background: url(../furniture/icon_error.gif) 0px 0px no-repeat;
	padding-left: 20px;
	margin: 20px 0px 20px 0px;
}

DIV.warning {
	background: url(../furniture/icon_warning.gif) 0px 0px no-repeat;
	padding-left: 20px;
	margin: 20px 0px 20px 0px;
}

DIV.notice {
	background: url(../furniture/icon_notice.gif) 0px 0px no-repeat;
	padding-left: 20px;
	margin: 20px 0px 20px 0px;
}

form {
	margin: 0;
	padding: 0;
}

form div.row {
	padding: 4px 5px;
	vertical-align: middle;
	clear: both;
}

form div.striped {
	background-color: #e1e6f1;
}

div.clear {
	clear: both;
	height: 0 !important;
}

form label {
	width: 45%;
	display: block;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #333;
}

form input,
form textarea,
form select {
	width: 50%;
}

form span.auto input,
form span.auto label,
form .auto {
	width: auto !important;
}

form fieldset {
	border: 1px solid #CCC;
	margin-bottom: 2em;
	padding: 7px;
}

form fieldset legend {
	font-weight: bold;
	font-size: 120%;
	font-weight: bold;
	color: #003E87;
}

#content ul li {
	margin-bottom: 1em;
}



#content dl.profilee {
	background-color: #EEEEEE;
	margin: 0 0 5px 0;
	padding: 10px;
	clear: both;
	height: 3em;
	color: #677DB6;
}
#content dl.profilee dt {
	float: left;
	margin: 0;
	padding: 0;
}
#content dl.profilee dd {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
#content dl.profilee a {
	color: #677DB6;
}
#content dl.profilee a img {
	border: none;
}
#content dl.profilee a.buttonlink {
	margin-top: 0.5em;
	background-image: url(../furniture/pointer_profile.gif);
}

/** raf microsite styles **/

/* admin */

div#click-confirm {
	margin: 0 0 0 9px;
}

h2#admin-title {
	margin: 0 0 10px 10px;
}

div.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}


#raftopNav {
	clear: both;
	position: relative;
	background-color: transparent;
}

#raftopNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#raftopNav ul li {
	float: left;
	margin-right: 1px;
}

#raftopNav ul li a {
	display: block;
	width: 130px;
	height: 31px;
	background-image: url(../raf/images/raf_nav_matrix.jpg);
	background-repeat: no-repeat;
	background-color: white;
	overflow: hidden;
	text-indent: -5000px;
}

#raftopNav ul li#navOne a {
	background-position: 0 0;
}
#raftopNav ul li#navTwo a {
	background-position: -130px 0;
}
#raftopNav ul li#navThree a {
	background-position: -260px 0;
}

#raftopNav ul li#navOne a:hover, #raftopNav ul li#navOne a.on {
	background-position: 0 -31px;
}
#raftopNav ul li#navTwo a:hover, #raftopNav ul li#navTwo a.on {
	background-position: -130px -31px;
}
#raftopNav ul li#navThree a:hover, #raftopNav ul li#navThree a.on {
	background-position: -260px -31px;
}

#refer-friend {
	color: #2068A8;
	padding: 0 0 0 10px;
}

#refer-friend h2 {
	margin: 0 0 10px 0;
}

#refer-friend ol#main {
	color: #000;
	margin: 0 0 0 20px;
	padding: 0;
}

#refer-friend ul#sub {
	color: #000;
	margin: 10px 0 0 40px;
	padding: 0;
}

#refer-friend ul#sub li {
	list-style-type: none;
	margin: 2px 0 2px 0;
}

#refer-friend .intro-text {
	 color: #000;
}

#refer-friend .raf {
	width: 200px;
	height: 16px;
	padding: 0;
	/*border: 1px solid #666;*/
}

#refer-friend .raf-submit {
	width: 65px;
	height: 25px;
	color: #fff;
	background: #00529B;
	border: 1px solid #ccc;
}

#refer-friend #submit {
	margin: 15px 0 0 5px;
}

#divinputfile{
	background:url(../raf/images/upload_file.jpg) no-repeat 100% 1px;
        height:21px;
        width:245px;
        margin:0px;
}


#divinputfile #covering{
	opacity: 0.0;
        -moz-opacity: 0.0;
        filter: alpha(opacity=00);
        font-size:18px;
}


#divinputfile #cv{
	opacity: 0.0;
        -moz-opacity: 0.0;
        filter: alpha(opacity=00);
        font-size:18px;
}

 
#fakeinputfile{
        margin-top:-28px;
}


#fakeinputfile #fakefilecv{
        width:142px;
	border:1px solid #666666;
	height:14px;
        font-size:12px;
        font-family:Arial;
}

#fakeinputfile #fakefilecovering{
        width:172px;
        border:1px solid #666666;
        height:14px;
        font-size:12px;
        font-family:Arial;
}

input#refcount {
	width: 60px;
	border:1px solid #666666;
}

div#countupdate input {
	width: 75px;
	color: #fff;
	background: #00529B;
	border: 1px solid #ccc;
}

div#countupdate {
	margin: 15px 0 0 10px;
}

#loginwrapper {
	width: 400px;
	margin: 0 auto;
	text-align: left;
	background-color: transparent;
	color: #666666;
	font-size: 14px;
}

div#login {
	border: 2px solid #00529B;
	padding: 15px;
}

div#login div#circle {
	float: left;
	margin: 0 15px 0 0;
}

div#login div#first-login {
	float: left;
	margin: 5px 0 15px 0;
}

div#login .input {
	width: 200px;
	height: 16px;
	border: 1px solid #666;
}

div#login .login-submit {
	width: 65px;
	height: 25px;
	color: #fff;
	background: #00529B;
	border: 1px solid #ccc;
	margin: 10px 0 0 75px;
}

ul#league-table {
	margin: 0;
	padding: 0;
}

ul#league-table li {
	list-style-type: none;
	margin: 5px 0 5px 0;
}

select.deps {
	/*border: 1px solid #666;*/
	width: 204px;
}

ul.form-errors {
	padding: 0 0 0 20px;
	margin: 0;
}

ul.form-errors li {
	list-style-type: disc;
	margin: 5px 0 5px 0;
	padding: 0;
}

h2#employee-ref-scheme {
	 font-size: 130%;
}

div#admin-navbar {
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
}

a.ad-selected {
	text-decoration: underline;
}

form#top-employees {
	 width: 940px;
}

form#top-employees #sendform {
	width: 85px;
	margin: 15px 0 0 0;
}