@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, 
li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, 
textarea, blockquote, th, td		{margin:0px; padding:0px}
img					{border: none}

body				{min-width: 750px; margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000080; font-size:12px; line-height:16px }

h1					{font-size: 18px; margin: 10px 0px 15px; color: #0000cc}
h2					{font-size: 16px; margin: 10px 0px 20px; color: #0000cc}
h3					{font-size: 12px; margin: 0px 0px 3px}
h4, h5				{font-size: 12px; margin: 0px 0px 3px; text-transform: uppercase; color: #0000cc}
b, strong			{color: #0000cc}

/*
#branding			{position: relative; clear:both; left: 0px; top: 0px; width: 100%; height: 87px; display: block; background-color: #cfedf5; border-bottom: 8px solid #336699; text-align:left; margin-bottom: 25px}
#branding img		{margin: 5px 0px 0px 20px}
#branding.home img	{position: absolute; z-index:2; text-align:center; margin-left: -70px}
#branding.home		{height: 67px; text-align:center; margin: 0px 0px 90px}
*/
#branding			{position: relative; clear: both; left: 0px; top: 0px; width: 100%; height: 122px; display: block; text-align: left; margin-bottom: 25px; background-image: url('Images/Compline background 2.jpg'); background-repeat: repeat-x;}
#branding p         {position: absolute; top: 25px; left: 230px; width: 600px; font: 16px "Trebuchet MS", "Helvetica", sans-serif; color: #fff; font-weight:bold; margin: 0px}
#branding img		{z-index:2;}
#brandingBar		{height: 25px; width: 100%; margin-top: -27px; padding-top: 2px; background-color: #959595; margin-left: 202px; padding-left: 30px;}

a:link, a:visited	{color: #0000cc}
a:hover, a:active	{color: #0000cc; text-decoration:none}

#content			{width: 680px; height: auto; display: block; margin: 0px auto; padding: 0px 40px 40px}
#content #left,
#content #right		{width: 40%; float:left; display:block}
#content #right		{margin: 18px 0px 0px 10%; float:right}

/*
.welcomeMsg			{position: absolute; top: 52px; right: 20px}
#hdrMain_welcomeName,
#hdrMain_welcomeName a	{float: left; margin-top: 5px}
#hdrMain_welcomeName a	{margin-top: 0px}

#hdrMain_loginBtn	{border-left: 1px solid #91b7d0; padding-left: 18px; margin: 0px}
*/
/*.logoLeft			{width: 200px;text-align: center;	font-size: large}*/
/*.valueProp		{font-size: small;	width: 500px; float: right;	margin-right: 50px}*/
.order				{margin: 20px 0px}
/*.order a			{color: Green}*/

.loginForm			{border: solid 1px #9babbb; padding: 10px 20px}
.loginForm input	{width: 200px; margin: 2px 0px}
/*.loginForm h3		{margin-bottom: 13px}*/
.loginLabel			{float: left;width: 80px; margin-right: 5px}
.loginBtns			{margin: 0px 0px 0px 85px}
.loginBtns input	{width: auto; height:auto}

.rememberMe,
.forgot				{width: 100%; display:block; font-size: 10px; padding: 10px 20px}

.forgot				{padding: 0px 25px}

.error				{color: Red}
.green				{color: Green}
.Asterisk			{color: Red;font-weight: bold}
.stepTitle			{font-size: 90%; font-weight: bold}
.FormLabel			{white-space: nowrap;	text-align: right;	font-weight: bold; color: #808080}
.FormEntry			{white-space: nowrap; text-align: left;	font-weight: normal}
.small				{font-size: small}
.statusMsg			{margin: auto;	padding-top: 10px;	color: Red;	text-align: center}

input, select		{font-size: 12px; color: #333333}


#footer				{width: 750px; height: 90px; margin: 10px auto; padding-top: 25px; font-size:11px; line-height:normal; border-top: 1px solid #c5c5c5; clear:both}
.copyright			{text-align: center; margin-top: 5px}

/* Added by Nicole 04/05/08 */
#content ul			{margin-left: 30px; margin-bottom: 10px}
#content li			{margin-bottom: 2px}
a.downloadBtn:link, a.downloadBtn:visited		{width: 150px; height: 20px; background: url(uploadedImages/Compline/Toolbar/btn_download.jpg) no-repeat; color: #000; display:block; text-decoration: none; text-align:center; padding-top: 3px; margin: 0px auto}
a.downloadBtn:hover, a.downloadBtn:active		{background: url(uploadedImages/Compline/Toolbar/btn_download_o.jpg) no-repeat; color: #000}
.toolbarBox			{width: 640px; float: left; clear:both; margin: 0px 0px 20px; border: solid 8px #d7f5fd; padding: 10px 20px}
.toolbarBox #left	{width: 40%}
.toolbarBox p		{font-size: 11px; color:#666; font-style: italic}
.toolbarBoxRight 	{width: 50%; height: 250px; border-left: 1px solid #ccc; text-align: center; float:right; padding-left: 28px}
.toolbarBoxRight h3	{margin-bottom: 10px}
.left				{width: 45%; float:left; display:block; margin-right: 5px}

.right				{width: 45%; float:right; display:block}


/* Dynamic Drive CSS Square Buttons */
a.squarebutton{background: transparent url('Images/square-blue-left.gif') no-repeat top left;
display: block; float: left; font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none; margin-right: 2px;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('Images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
#buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
margin-top: 2px; margin-bottom: 0px; width: 550px;
}
#navbannerwrapper{ /* container acting like a bar holding the buttons */
	background-color:#959595; height: 25px; width: 600px; margin-top: -29px; margin-left: 232px;}