/*font reset*/
* { font-family: 'Lucida Grande', verdana, arial, helvetica, sans-serif; }
body, input, select, textarea { font-size: 13px; color: #444 }

/*margin/padding reset*/
* { margin: 0; padding: 0 }
img { border: 0 }

/*links*/
a:link { color: Blue }
a:visited { color: Blue }
a:hover { color: Blue }
a:active { color: Blue }

/*vertical baseline*/
h1,h2,h3,h4,h5,h6,p,.bl { margin-bottom: 20px }

/*headers*/
h1 { font-size: 22px }
h3 { font-size: 14px; border-bottom: 1px solid silver; padding: 0 0 2px 0 }

/*primary layout containers*/
body { background: #e5e5e5; min-width: 980px }
.c { clear: both }

#wrapper { padding: 13px 20px 13px 30px }
#wrapper #licenseMessage { background-color: White; font-size: 0.9em; color: Red; padding: 3px 5px; margin-bottom: 20px; }

/* Uncomment the line below and change out the loogo.png file in the images directory to add your company logo*/
/*  #header { height:50px; background-image: url('../images/logo.png'); background-repeat: no-repeat; }  */

#left { float: left; width: 50% }
#leftWrapper { background: white url('../images/right-bg.gif') repeat-y 100% 50%; padding: 15px; min-height: 350px; }
#leftWrapper #licenseStatus h3 { margin: 21px 0 7px 0; }
#leftWrapper #licenseStatus ol { margin: 0 0 0 20px; }
#leftBottom { background: url('../images/bottom-bg.gif') no-repeat 100% 0%; display: block; height: 15px }

#right { float: left; width: 45% }
#rightWrapper { padding: 15px }
#rightWrapper ol { margin: 0 0 20px 5px }
#rightWrapper table { width: 100%; padding: 10px }
#rightWrapper ul.instructions { }
#rightWrapper ul.instructions span.instructionLabel { font-weight: bold; }

#left ul { margin: 0 0 20px 25px }
#left ul.ui-tabs-nav { margin: 0 }
#rightWrapper ul { margin: 0 0 20px 15px; }
#rightWrapper ul li { padding: 0 0 5px 0 }
#rightWrapper ol { margin: 0 10px 15px 15px }

/*forms*/
input.text, textarea, button { padding: 5px; vertical-align: middle }
select { margin-top: 5px; margin-bottom: 5px; vertical-align: middle }

.SiteForm div.SectionHeader{
	font-weight: bold;
	clear: both;
	display: block;
	color: #666;
	font-size: 1.6em;
	margin-bottom: 10px
}

.SiteForm div.instruction{ margin-bottom: 10px }
.SiteForm div.error { margin-bottom: 10px; color: Red; font-weight: bold }

.row { clear: left; width: 100% }

.row label { float: left; width: 15em; text-align: right; margin: 5px 5px 5px 3px }
.row label.error { float: none; color: red; padding-left: .5em; vertical-align: top }

.row input { float: left; width: 20em; margin: 0px 0px 5px 0px }
.row input.required { font-weight: bold }

.row button[type=submit] { float: left; margin: 5px 5px 0 0; margin-left: 15em }