/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 130%;
    font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
    color: #000000;
    background: #ffffff;
    text-align: left;
    margin-bottom: 25px;
}

#content 
{
	float: right; 
	position: absolute; 
	top: 280px; 
	left: 10px;
	margin-right: 30px;
	width: 90%;
}

/*----- Start "Clear" -----*/
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*------ End "Clear" ------*/

/*----- Start "Link styles" -----*/
a img { border: 0; }
a { color: #dc1929; text-decoration: underline; }
a:hover { text-decoration: none; }
/*------ End "Link styles" ------*/

/*----- Start "Box positions" -----*/
.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/*------ End "Box positions" ------*/

/*----- Start "Text positions" -----*/
.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }
/*------ End "Text positions" ------*/

/*----- Start "Form Elements" -----*/
.field {
	font-size: 13px;
    
    height: 16px;
    font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: #fff;
    border: solid 1px #ccc;
    padding: 2px 5px;
}
/*------ End "Form Elements" ------*/

/*----- Start "Rounded Box (Multiply Use)" -----*/
/* \*/
* html .tlc, * html .trc, * html .blc, * html .brc,
* html .tb, * html .bb, * html .lb, * html .rb {height: 1%;}
/* */

#page 
{
	height: auto !important; /* for modern browsers */
	height: 100%; /* for IE */
}

/* ---=== border code follows ===--- */
.tlc, .trc, .blc, .brc { background-color: transparent; background-repeat: no-repeat; }
.tb, .bb { background-color: transparent; background-repeat: repeat-x; }
.rb { background-position: 100% 0%; background-repeat: repeat-y; }
.lb { background-position: 0% 100%; background-repeat: repeat-y; }
.tlc { background-position: 0% 0%; }
.trc { background-position: 100% 0%; }	
.blc { background-position: 0% 100%; }
.brc { background-position: 100% 100%; }
.tb { background-position: 0% 0%; }
.bb { background-position: 50% 100%; }
/*------ End "Rounded Box (Multiply Use)" ------*/

/*------ End "Main definitions" ------*/
#page-tlc {background-image: url(images/page-tlc.gif); }
#page-trc {background-image: url(images/page-trc.gif); }
#page-blc {background-image: url(images/page-blc.gif); }
#page-brc {background-image: url(images/page-brc.gif); }
#page-tb {background-image: url(images/page-tb.gif); }
#page-bb {background-image: url(images/page-bb.gif); }
#page-lb {background-image: url(images/page-lb.gif); }
#page-rb {background-image: url(images/page-rb.gif); }
#page-cnt {
	padding: 4px 17px 25px;
	position: relative;
}
#header {
	height: 110px;
	background-color: #19286c;
	background-image: url(images/header-background.png);
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
#main {
	min-height: 600px;
	background-color: #FFFFFF;
	position: relative;
	padding-top: 4px;
	height: auto;
	
	margin: 3px;
}
#copy 
{
	color: #ffffff;
	position: absolute;
	bottom: 4px;
	left: 30px;
	font-size: 12px;
	line-height: 15px;
	margin-top: 4px;
}
h1#logo {
	height: 80px;
	width: 179px;
	float: left;
	display: inline;
	padding-top: 8px;
	margin-right: 15px;
}
h1#logo a {
	display: block;
	height: 80px;
	width: 179px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/logo-sunset-financial-paylogik.png) no-repeat 0 0;
}
#topsearch {
	padding-top: 25px;
	width: 350px;
	float: left;
	display: inline;
}
#topsearch .field-place 
{
	color: #ffffff;
	height: 25px;
	float: left;
	display: inline;
	margin-right: 20px;
}
#topsearch .field-place .field {
	border: 0;
	padding: 4px 5px;
	width: 347px;
	background: none;
}
#topsearch .prev-next {
	float: left;
	display: inline;
	background: url(images/search-prev-next.gif) no-repeat 0 0;
	height: 23px;
	width: 49px;
	margin-top: 1px;
	margin-right: 7px;
}
#topsearch .prev-next a {
	float: left;
	display: inline;
	width: 24px;
	height: 23px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background-image: url(images/search-prev-next.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topsearch .prev-next a.next {
	float: right;
	background-position: right 0;
}
#topsearch .refresh {
	float: left;
	display: inline;
	height: 23px;
	width: 29px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/search-refresh.gif) no-repeat 0 0;
	margin-top: 1px;
}
.greybutton {
	float: right;
	display: inline;
	height: 23px;
	background: url(images/greybutton.gif) no-repeat 0 0;
	padding-left: 7px;
	line-height: 21px;
	font-size: 11px;
	color: #1c3a70;
	text-decoration: none;
	font-weight: bold;
}
.greybutton span {
	float: left;
	display: inline;
	height: 23px;
	background: url(images/greybutton.gif) no-repeat right 0;
	padding-right: 7px;
	cursor: pointer;
}
#buttons-place {
	float: right;
	display: inline;
}
.logout-buttons-place {
	padding-top: 38px;
}
.simple-buttons-place {
	padding-top: 11px;
}
.simple-buttons-place a {
	display: block;
	float: none;
	text-align: center;
	width: 110px;
	margin-bottom: 10px;
}
.simple-buttons-place a span {
	float: none;
	display: block;
	text-align: center;
}
#topmessage {
	background: #8288b3;
	padding-left: 20px;
	padding-right: 13px;
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	color: #fff;
}
#topmessage h2 {
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	color: #fff;
}
.smallbutton {
	display: block;
	height: 23px;
	line-height: 21px;
	font-size: 11px;
	color: #1c3a70;
	text-decoration: none;
	font-weight: bold;
	width: 48px;
	background: url(images/smallbutton.gif) no-repeat 0 0;
	text-align: center;
}
#loginform {
	padding-left: 18px;
	padding-top: 35px;
	width: 300px;
}
#loginform .smallbutton {
	float: right;
	display: inline;
	border: 0;
	margin-right: 10px;
	margin-top: 30px;
}
#loginform label {
	float: left;
	display: inline;
	height: 21px;
	width: 74px;
	background: url(images/loginform-label.gif) no-repeat 0 0;
	text-align: center;
	line-height: 21px;
	font-size: 11px;
	color: #1c3a70;
	text-decoration: none;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 1px;
}
#loginform .field-place {
	width: 216px;
	height: 22px;
	background: url(images/loginform-field.gif) no-repeat 0 0;
	float: left;
	display: inline;
}
#loginform .field {
	border: 0;
	background: none;
	padding: 3px 5px;
	width: 206px;
}
#loginform .row {
	margin-bottom: 6px;
}
#sitelinks {
	padding-left: 22px;
	padding-top: 26px;
}
#sitelinks .title {
	font-weight: bold;
	color: #606367;
	font-size: 12px;
	margin-bottom: 15px;
}
#sitelinks ul li {
	list-style-type: none;
	display: block;
	margin-bottom: 12px;
	width: 118px;
	height: 23px;
	line-height: 23px;
}
#sitelinks ul li a {
	display: block;
	width: 118px;
	height: 23px;
	line-height: 23px;
	background: url(images/navigation-button.gif) no-repeat 0 0;
	color: #1c3a70;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
}

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}